ColorTool
लॉग इन
#7BB0D2

#7bb0d2 ≈ Moonstone Blue

  • आसमानी
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#7bb0d2 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 48.24% लाल, 69.02% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 41.43% सियान, 16.19% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 203.45°, संतृप्ति 49.15% और चमक 65.29% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.98:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 3.97।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#6699cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.3991

पूरक

  1. #7bb0d2
  2. #d29d7b

विभाजित पूरक

  1. #7bb0d2
  2. #d27b84
  3. #d2c87b

समरूप

  1. #7bd2c8
  2. #7bb0d2
  3. #7b84d2

त्रिक

  1. #7bb0d2
  2. #d27bb0
  3. #b0d27b

चतुष्क

  1. #7bb0d2
  2. #9d7bd2
  3. #d29d7b
  4. #b0d27b

वर्ग

  1. #7bb0d2
  2. #c87bd2
  3. #d29d7b
  4. #84d27b

एकरंगी

  1. #2e6486
  2. #428ebf
  3. #7bb0d2
  4. #b4d2e5
  5. #edf4f9

शेड

#7bb0d2 में धीरे-धीरे काला मिलाया गया।

  1. #7bb0d2
  2. #6f9ebd
  3. #628da8
  4. #567b93
  5. #4a6a7e
  6. #3e5869
  7. #314654
  8. #25353f
  9. #19232a
  10. #0c1215
  11. #000000

टिंट

#7bb0d2 में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #7bb0d2
  2. #88b8d7
  3. #95c0db
  4. #a3c8e0
  5. #b0d0e4
  6. #bdd8e9
  7. #cadfed
  8. #d7e7f2
  9. #e5eff6
  10. #f2f7fb
  11. #ffffff

टोन

#7bb0d2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #7bb0d2
  2. #7cabca
  3. #7ca6c2
  4. #7da2b9
  5. #7d9db1
  6. #7e98a9
  7. #7e93a1
  8. #7f8e99
  9. #7f8a90
  10. #808588
  11. #808080

पढ़ने योग्य टेक्स्ट 2.34:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 8.98:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

अक्रोमैटोप्सिया #a9a9a9 ≈ 0.003% पुरुष
अक्रोमैटोमली #99acbb ≈ 0.001% पुरुष
प्रोटानोपिया #a1afd4 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #95a5d1 ≈ 1.27% पुरुष
ट्राइटानोपिया #59b9bb ≈ 0.0001% पुरुष
प्रोटानोमली #93afd3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #8baad2 ≈ 4.63% पुरुष
ट्राइटानोमली #68b5c5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-7bb0d2 {
  color: #7bb0d2;
}
बैकग्राउंड
.bg-7bb0d2 {
  background-color: #7bb0d2;
  color: #000000;
}
बॉर्डर
.border-7bb0d2 {
  border: 2px solid #7bb0d2;
}
CSS वेरिएबल
:root {
  --color-primary: #7bb0d2;
  --color-primary-rgb: 123 176 210;
  --color-primary-hsl: 203 49% 65%;
}
ग्रेडिएंट
.gradient-7bb0d2 {
  background: linear-gradient(135deg, #7bb0d2, #7b84d2);
}
रंगीन छाया
.shadow-7bb0d2 {
  box-shadow: 0 8px 24px rgb(123 176 210 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 3.97 #71a6d2 Iceberg ΔE 3.99 #56a0d3 Carolina Blue ΔE 6.39 #73c2fb Maya Blue ΔE 6.64 #87cefa Light Sky Blue ΔE 8.07 #89cff0 Baby Blue ΔE 8.31 #87ceeb Sky Blue ΔE 8.49 #844f2d उल्टा रंग #a9a9a9 ग्रेस्केल 

Moonstone Blue
#7bb0d2  rgb(123, 176, 210)  hsl(203, 49%, 65%)  Moonstone Blue
#d29d7b  rgb(210, 157, 123)  hsl(23, 49%, 65%)  Tumbleweed
#d27bb0  rgb(210, 123, 176)  hsl(323, 49%, 65%)  Sky Magenta
#b0d27b  rgb(176, 210, 123)  hsl(83, 49%, 65%)  Pistachio