#9FFAF2

#9ffaf2 ≈ Celeste

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

#9ffaf2 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 62.35% लाल, 98.04% हरे और 94.9% नीले से बना है; CMYK प्रिंट में इसमें 36.4% सियान, 0% मैजेंटा, 3.2% पीला और 1.96% काला लगता है। HSL में इसका ह्यू कोण 174.73°, संतृप्ति 90.1% और चमक 80.2% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.43:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Celeste (#b2ffff) है, ΔE 3.96।

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

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

शेड

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

  1. #9ffaf2
  2. #8fe1da
  3. #7fc8c2
  4. #6fafa9
  5. #5f9691
  6. #507d79
  7. #406461
  8. #304b49
  9. #203230
  10. #101918
  11. #000000

टिंट

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

  1. #9ffaf2
  2. #a9fbf3
  3. #b2fbf5
  4. #bcfcf6
  5. #c5fcf7
  6. #cffdf9
  7. #d9fdfa
  8. #e2fefb
  9. #ecfefc
  10. #f5fffe
  11. #ffffff

टोन

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

  1. #9ffaf2
  2. #9ceee7
  3. #99e2db
  4. #96d5d0
  5. #93c9c4
  6. #90bdb9
  7. #8cb1ae
  8. #89a5a2
  9. #869897
  10. #838c8b
  11. #808080

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

अक्रोमैटोप्सिया #eaeaea ≈ 0.003% पुरुष
अक्रोमैटोमली #d0f0ed ≈ 0.001% पुरुष
प्रोटानोपिया #f1f1f2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e0e5f3 ≈ 1.27% पुरुष
ट्राइटानोपिया #7cfef7 ≈ 0.0001% पुरुष
प्रोटानोमली #d5f5f2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c9eef3 ≈ 4.63% पुरुष
ट्राइटानोमली #8cfdf5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Celeste
#9ffaf2  rgb(159, 250, 242)  hsl(175, 90%, 80%)  Celeste
#fa9fa7  rgb(250, 159, 167)  hsl(355, 90%, 80%)  Salmon Pink
#f29ffa  rgb(242, 159, 250)  hsl(295, 90%, 80%)  Plum
#faf29f  rgb(250, 242, 159)  hsl(55, 90%, 80%)  Khaki