#C8D2EA

#c8d2ea ≈ Light Steel Blue

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

#c8d2ea “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 78.43% लाल, 82.35% हरे और 91.76% नीले से बना है; CMYK प्रिंट में इसमें 14.53% सियान, 10.26% मैजेंटा, 0% पीला और 8.24% काला लगता है। HSL में इसका ह्यू कोण 222.35°, संतृप्ति 44.74% और चमक 85.1% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.86:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 5.39।

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

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

शेड

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

  1. #c8d2ea
  2. #b4bdd3
  3. #a0a8bb
  4. #8c93a4
  5. #787e8c
  6. #646975
  7. #50545e
  8. #3c3f46
  9. #282a2f
  10. #141517
  11. #000000

टिंट

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

  1. #c8d2ea
  2. #ced7ec
  3. #d3dbee
  4. #d9e0f0
  5. #dee4f2
  6. #e4e9f5
  7. #e9edf7
  8. #eff2f9
  9. #f4f6fb
  10. #fafbfd
  11. #ffffff

टोन

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

  1. #c8d2ea
  2. #c1cadf
  3. #bac2d5
  4. #b2b9ca
  5. #abb1c0
  6. #a4a9b5
  7. #9da1aa
  8. #9699a0
  9. #8e9095
  10. #87888b
  11. #808080

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

अक्रोमैटोप्सिया #d2d2d2 ≈ 0.003% पुरुष
अक्रोमैटोमली #ced2dc ≈ 0.001% पुरुष
प्रोटानोपिया #cbd3eb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c8d1e9 ≈ 1.27% पुरुष
ट्राइटानोपिया #c0d7da ≈ 0.0001% पुरुष
प्रोटानोमली #cad3eb ≈ 1.08% पुरुष
ड्यूटेरानोमली #c8d1ea ≈ 4.63% पुरुष
ट्राइटानोमली #c3d5e0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Light Steel Blue
#c8d2ea  rgb(200, 210, 234)  hsl(222, 45%, 85%)  Light Steel Blue
#eae0c8  rgb(234, 224, 200)  hsl(42, 45%, 85%)  Pearl
#eac8d2  rgb(234, 200, 210)  hsl(342, 45%, 85%)  Pale Pink
#d2eac8  rgb(210, 234, 200)  hsl(102, 45%, 85%)  Tea Green