#C2D6FF

#c2d6ff ≈ Light Steel Blue

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

#c2d6ff “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 76.08% लाल, 83.92% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 23.92% सियान, 16.08% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 220.33°, संतृप्ति 100% और चमक 88.04% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.36:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 6.42।

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

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

शेड

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

  1. #c2d6ff
  2. #afc1e6
  3. #9babcc
  4. #8896b3
  5. #748099
  6. #616b80
  7. #4e5666
  8. #3a404d
  9. #272b33
  10. #13151a
  11. #000000

टिंट

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

  1. #c2d6ff
  2. #c8daff
  3. #cedeff
  4. #d4e2ff
  5. #dae6ff
  6. #e1ebff
  7. #e7efff
  8. #edf3ff
  9. #f3f7ff
  10. #f9fbff
  11. #ffffff

टोन

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

  1. #c2d6ff
  2. #bbcdf2
  3. #b5c5e6
  4. #aebcd9
  5. #a8b4cc
  6. #a1abc0
  7. #9aa2b3
  8. #949aa6
  9. #8d9199
  10. #87898d
  11. #808080

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

अक्रोमैटोप्सिया #d5d5d5 ≈ 0.003% पुरुष
अक्रोमैटोमली #ced6e7 ≈ 0.001% पुरुष
प्रोटानोपिया #c9d8ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4d3fe ≈ 1.27% पुरुष
ट्राइटानोपिया #b2dee3 ≈ 0.0001% पुरुष
प्रोटानोमली #c6d7ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #c3d4fe ≈ 4.63% पुरुष
ट्राइटानोमली #b9dbef ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Light Steel Blue
#c2d6ff  rgb(194, 214, 255)  hsl(220, 100%, 88%)  Light Steel Blue
#ffebc2  rgb(255, 235, 194)  hsl(40, 100%, 88%)  Peach
#ffc2d6  rgb(255, 194, 214)  hsl(340, 100%, 88%)  Bubble Gum
#d6ffc2  rgb(214, 255, 194)  hsl(100, 100%, 88%)  Tea Green