#C4E2F0

#c4e2f0 ≈ Columbia Blue

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

#c4e2f0 “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 76.86% लाल, 88.63% हरे और 94.12% नीले से बना है; CMYK प्रिंट में इसमें 18.33% सियान, 5.83% मैजेंटा, 0% पीला और 5.88% काला लगता है। HSL में इसका ह्यू कोण 199.09°, संतृप्ति 59.46% और चमक 85.49% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.48:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Columbia Blue (#b9d9eb) है, ΔE 2.58।

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

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

शेड

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

  1. #c4e2f0
  2. #b0cbd8
  3. #9db5c0
  4. #899ea8
  5. #768890
  6. #627178
  7. #4e5a60
  8. #3b4448
  9. #272d30
  10. #141718
  11. #000000

टिंट

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

  1. #c4e2f0
  2. #cae5f2
  3. #d0e8f3
  4. #d6ebf5
  5. #dceef6
  6. #e2f1f8
  7. #e7f3f9
  8. #edf6fb
  9. #f3f9fc
  10. #f9fcfe
  11. #ffffff

टोन

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

  1. #c4e2f0
  2. #bdd8e5
  3. #b6ceda
  4. #b0c5ce
  5. #a9bbc3
  6. #a2b1b8
  7. #9ba7ad
  8. #949da2
  9. #8e9496
  10. #878a8b
  11. #808080

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

अक्रोमैटोप्सिया #dddddd ≈ 0.003% पुरुष
अक्रोमैटोमली #d4dfe5 ≈ 0.001% पुरुष
प्रोटानोपिया #dbe0f1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d4dbf0 ≈ 1.27% पुरुष
ट्राइटानोपिया #b8e6e6 ≈ 0.0001% पुरुष
प्रोटानोमली #d2e1f0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #cedef0 ≈ 4.63% पुरुष
ट्राइटानोमली #bde5ea ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Columbia Blue
#c4e2f0  rgb(196, 226, 240)  hsl(199, 59%, 85%)  Columbia Blue
#f0d2c4  rgb(240, 210, 196)  hsl(19, 59%, 85%)  Unbleached Silk
#f0c4e2  rgb(240, 196, 226)  hsl(319, 59%, 85%)  Thistle
#e2f0c4  rgb(226, 240, 196)  hsl(79, 59%, 85%)  Tea Green