#CFF2FF

#cff2ff ≈ Columbia Blue

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

#cff2ff “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 81.18% लाल, 94.9% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 18.82% सियान, 5.1% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 196.25°, संतृप्ति 100% और चमक 90.59% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.8:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Columbia Blue (#b9d9eb) है, ΔE 5.97।

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

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

शेड

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

  1. #cff2ff
  2. #badae6
  3. #a6c2cc
  4. #91a9b3
  5. #7c9199
  6. #687980
  7. #536166
  8. #3e494d
  9. #293033
  10. #15181a
  11. #000000

टिंट

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

  1. #cff2ff
  2. #d4f3ff
  3. #d9f5ff
  4. #ddf6ff
  5. #e2f7ff
  6. #e7f9ff
  7. #ecfaff
  8. #f1fbff
  9. #f5fcff
  10. #fafeff
  11. #ffffff

टोन

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

  1. #cff2ff
  2. #c7e7f2
  3. #bfdbe6
  4. #b7d0d9
  5. #afc4cc
  6. #a8b9c0
  7. #a0aeb3
  8. #98a2a6
  9. #909799
  10. #888b8d
  11. #808080

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

अक्रोमैटोप्सिया #ececec ≈ 0.003% पुरुष
अक्रोमैटोमली #e1eff4 ≈ 0.001% पुरुष
प्रोटानोपिया #eaf0ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e3eaff ≈ 1.27% पुरुष
ट्राइटानोपिया #c2f6f6 ≈ 0.0001% पुरुष
प्रोटानोमली #e0f1ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #dbedff ≈ 4.63% पुरुष
ट्राइटानोमली #c7f5fa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Columbia Blue
#cff2ff  rgb(207, 242, 255)  hsl(196, 100%, 91%)  Columbia Blue
#ffdccf  rgb(255, 220, 207)  hsl(16, 100%, 91%)  Unbleached Silk
#ffcff2  rgb(255, 207, 242)  hsl(316, 100%, 91%)  Thistle
#f2ffcf  rgb(242, 255, 207)  hsl(76, 100%, 91%)  Light Goldenrod Yellow