#CBFFF2

#cbfff2 ≈ Celeste

  • हरा-नीला
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • ठंडा

#cbfff2 “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 79.61% लाल, 100% हरे और 94.9% नीले से बना है; CMYK प्रिंट में इसमें 20.39% सियान, 0% मैजेंटा, 5.1% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 165°, संतृप्ति 100% और चमक 89.8% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.13:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Celeste (#b2ffff) है, ΔE 6.29।

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

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

शेड

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

  1. #cbfff2
  2. #b7e6da
  3. #a2ccc2
  4. #8eb3a9
  5. #7a9991
  6. #668079
  7. #516661
  8. #3d4d49
  9. #293330
  10. #141a18
  11. #000000

टिंट

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

  1. #cbfff2
  2. #d0fff3
  3. #d5fff5
  4. #dbfff6
  5. #e0fff7
  6. #e5fff9
  7. #eafffa
  8. #effffb
  9. #f5fffc
  10. #fafffe
  11. #ffffff

टोन

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

  1. #cbfff2
  2. #c4f2e7
  3. #bce6db
  4. #b5d9d0
  5. #adccc4
  6. #a6c0b9
  7. #9eb3ae
  8. #97a6a2
  9. #8f9997
  10. #888d8b
  11. #808080

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

अक्रोमैटोप्सिया #f4f4f4 ≈ 0.003% पुरुष
अक्रोमैटोमली #e5f9f3 ≈ 0.001% पुरुष
प्रोटानोपिया #fbf8f1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f1f1f3 ≈ 1.27% पुरुष
ट्राइटानोपिया #befffb ≈ 0.0001% पुरुष
प्रोटानोमली #e9fbf2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #e3f7f3 ≈ 4.63% पुरुष
ट्राइटानोमली #c3fff7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-cbfff2 {
  color: #cbfff2;
}
बैकग्राउंड
.bg-cbfff2 {
  background-color: #cbfff2;
  color: #000000;
}
बॉर्डर
.border-cbfff2 {
  border: 2px solid #cbfff2;
}
CSS वेरिएबल
:root {
  --color-primary: #cbfff2;
  --color-primary-rgb: 203 255 242;
  --color-primary-hsl: 165 100% 90%;
}
ग्रेडिएंट
.gradient-cbfff2 {
  background: linear-gradient(135deg, #cbfff2, #cbf2ff);
}
रंगीन छाया
.shadow-cbfff2 {
  box-shadow: 0 8px 24px rgb(203 255 242 / 0.35);
}

Celeste
#cbfff2  rgb(203, 255, 242)  hsl(165, 100%, 90%)  Celeste
#ffcbd8  rgb(255, 203, 216)  hsl(345, 100%, 90%)  Bubble Gum
#f2cbff  rgb(242, 203, 255)  hsl(285, 100%, 90%)  Mauve
#fff2cb  rgb(255, 242, 203)  hsl(45, 100%, 90%)  Blond