ColorTool
लॉग इन
#CCFDFF

#ccfdff ≈ Light Cyan

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

#ccfdff “सियान” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 99.22% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 20% सियान, 0.78% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 182.35°, संतृप्ति 100% और चमक 90% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.06:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Cyan (#e0ffff) है, ΔE 4.4।

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

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

पूरक

  1. #ccfdff
  2. #ffcecc

विभाजित पूरक

  1. #ccfdff
  2. #ffcce4
  3. #ffe7cc

समरूप

  1. #ccffe7
  2. #ccfdff
  3. #cce4ff

त्रिक

  1. #ccfdff
  2. #ffccfd
  3. #fdffcc

चतुष्क

  1. #ccfdff
  2. #ceccff
  3. #ffcecc
  4. #fdffcc

वर्ग

  1. #ccfdff
  2. #e7ccff
  3. #ffcecc
  4. #e4ffcc

एकरंगी

  1. #33f7ff
  2. #80faff
  3. #ccfdff
  4. #ebfeff
  5. #ebfeff

शेड

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

  1. #ccfdff
  2. #b8e4e6
  3. #a3cacc
  4. #8fb1b3
  5. #7a9899
  6. #667f80
  7. #526566
  8. #3d4c4d
  9. #293333
  10. #14191a
  11. #000000

टिंट

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

  1. #ccfdff
  2. #d1fdff
  3. #d6fdff
  4. #dbfeff
  5. #e0feff
  6. #e6feff
  7. #ebfeff
  8. #f0feff
  9. #f5ffff
  10. #faffff
  11. #ffffff

टोन

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

  1. #ccfdff
  2. #c4f1f2
  3. #bde4e6
  4. #b5d8d9
  5. #aecbcc
  6. #a6bfc0
  7. #9eb2b3
  8. #97a6a6
  9. #8f9999
  10. #888d8d
  11. #808080

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

अक्रोमैटोप्सिया #f4f4f4 ≈ 0.003% पुरुष
अक्रोमैटोमली #e5f8f8 ≈ 0.001% पुरुष
प्रोटानोपिया #f6f8ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ecf1ff ≈ 1.27% पुरुष
ट्राइटानोपिया #bcfffd ≈ 0.0001% पुरुष
प्रोटानोमली #e6faff ≈ 1.08% पुरुष
ड्यूटेरानोमली #e0f6ff ≈ 4.63% पुरुष
ट्राइटानोमली #c3fffe ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#e0ffff Light Cyan ΔE 4.40 #afeeee Pale Turquoise ΔE 4.79 #b2ffff Celeste ΔE 5.11 #b0e0e6 Powder Blue ΔE 6.43 #a4dded Non-Photo Blue ΔE 8.84 #f0ffff Azure ΔE 9.41 #add8e6 Light Blue ΔE 9.57 #330200 उल्टा रंग #f4f4f4 ग्रेस्केल 

Light Cyan
#ccfdff  rgb(204, 253, 255)  hsl(182, 100%, 90%)  Light Cyan
#ffcecc  rgb(255, 206, 204)  hsl(2, 100%, 90%)  Baby Pink
#ffccfd  rgb(255, 204, 253)  hsl(302, 100%, 90%)  Thistle
#fdffcc  rgb(253, 255, 204)  hsl(62, 100%, 90%)  Cream