#7BB1BB

#7bb1bb ≈ Moonstone Blue

  • सियान
  • चमक: मध्यम
  • संतृप्ति: मध्यम
  • ठंडा

#7bb1bb “सियान” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 48.24% लाल, 69.41% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 34.22% सियान, 5.35% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 189.38°, संतृप्ति 32% और चमक 60.78% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.85:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 6.42।

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

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

शेड

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

  1. #7bb1bb
  2. #6f9fa8
  3. #628e96
  4. #567c83
  5. #4a6a70
  6. #3e595e
  7. #31474b
  8. #253538
  9. #192325
  10. #0c1213
  11. #000000

टिंट

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

  1. #7bb1bb
  2. #88b9c2
  3. #95c1c9
  4. #a3c8cf
  5. #b0d0d6
  6. #bdd8dd
  7. #cae0e4
  8. #d7e8eb
  9. #e5eff1
  10. #f2f7f8
  11. #ffffff

टोन

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

  1. #7bb1bb
  2. #7cacb5
  3. #7ca7af
  4. #7da2a9
  5. #7d9da3
  6. #7e999e
  7. #7e9498
  8. #7f8f92
  9. #7f8a8c
  10. #808586
  11. #808080

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

अक्रोमैटोप्सिया #a8a8a8 ≈ 0.003% पुरुष
अक्रोमैटोमली #98acb0 ≈ 0.001% पुरुष
प्रोटानोपिया #a8adbc ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9da5bb ≈ 1.27% पुरुष
ट्राइटानोपिया #63b6b4 ≈ 0.0001% पुरुष
प्रोटानोमली #98afbb ≈ 1.08% पुरुष
ड्यूटेरानोमली #91aabb ≈ 4.63% पुरुष
ट्राइटानोमली #6eb4b7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Moonstone Blue
#7bb1bb  rgb(123, 177, 187)  hsl(189, 32%, 61%)  Moonstone Blue
#bb857b  rgb(187, 133, 123)  hsl(9, 32%, 61%)  Old Rose
#bb7bb1  rgb(187, 123, 177)  hsl(309, 32%, 61%)  Sky Magenta
#b1bb7b  rgb(177, 187, 123)  hsl(69, 32%, 61%)  Olivine