ColorTool
लॉग इन
#CCDDFF

#ccddff ≈ Light Steel Blue

  • नीला
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#ccddff “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 86.67% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 20% सियान, 13.33% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 220°, संतृप्ति 100% और चमक 90% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.35:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 7.05।

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

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

पूरक

  1. #ccddff
  2. #ffeecc

विभाजित पूरक

  1. #ccddff
  2. #ffd5cc
  3. #f6ffcc

समरूप

  1. #ccf6ff
  2. #ccddff
  3. #d5ccff

त्रिक

  1. #ccddff
  2. #ffccdd
  3. #ddffcc

चतुष्क

  1. #ccddff
  2. #eeccff
  3. #ffeecc
  4. #ddffcc

वर्ग

  1. #ccddff
  2. #ffccf6
  3. #ffeecc
  4. #ccffd5

एकरंगी

  1. #3377ff
  2. #80aaff
  3. #ccddff
  4. #ebf1ff
  5. #ebf1ff

शेड

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

  1. #ccddff
  2. #b8c7e6
  3. #a3b1cc
  4. #8f9bb3
  5. #7a8599
  6. #666f80
  7. #525866
  8. #3d424d
  9. #292c33
  10. #14161a
  11. #000000

टिंट

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

  1. #ccddff
  2. #d1e0ff
  3. #d6e4ff
  4. #dbe7ff
  5. #e0ebff
  6. #e6eeff
  7. #ebf1ff
  8. #f0f5ff
  9. #f5f8ff
  10. #fafcff
  11. #ffffff

टोन

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

  1. #ccddff
  2. #c4d4f2
  3. #bdcae6
  4. #b5c1d9
  5. #aeb8cc
  6. #a6afc0
  7. #9ea5b3
  8. #979ca6
  9. #8f9399
  10. #88898d
  11. #808080

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

अक्रोमैटोप्सिया #dcdcdc ≈ 0.003% पुरुष
अक्रोमैटोमली #d6ddeb ≈ 0.001% पुरुष
प्रोटानोपिया #d3dfff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cedafe ≈ 1.27% पुरुष
ट्राइटानोपिया #bfe4e8 ≈ 0.0001% पुरुष
प्रोटानोमली #d0deff ≈ 1.08% पुरुष
ड्यूटेरानोमली #cddbff ≈ 4.63% पुरुष
ट्राइटानोमली #c5e1f2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#b0c4de Light Steel Blue ΔE 7.05 #ccccff Periwinkle ΔE 7.33 #e6e6fa Lavender ΔE 7.72 #bcd4e6 Pale Aqua ΔE 7.85 #b9d9eb Columbia Blue ΔE 9.49 #f0f8ff Alice Blue ΔE 11.35 #f8f4ff Magnolia ΔE 11.81 #332200 उल्टा रंग #dcdcdc ग्रेस्केल 

Light Steel Blue
#ccddff  rgb(204, 221, 255)  hsl(220, 100%, 90%)  Light Steel Blue
#ffeecc  rgb(255, 238, 204)  hsl(40, 100%, 90%)  Blanched Almond
#ffccdd  rgb(255, 204, 221)  hsl(340, 100%, 90%)  Bubble Gum
#ddffcc  rgb(221, 255, 204)  hsl(100, 100%, 90%)  Tea Green