ColorTool
लॉग इन
#CCDFDD

#ccdfdd ≈ Light Cyan

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

#ccdfdd “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 87.45% हरे और 86.67% नीले से बना है; CMYK प्रिंट में इसमें 8.52% सियान, 0% मैजेंटा, 0.9% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 173.68°, संतृप्ति 22.89% और चमक 83.73% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.17:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Cyan (#e0ffff) है, ΔE 7.28।

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

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

पूरक

  1. #ccdfdd
  2. #dfccce

विभाजित पूरक

  1. #ccdfdd
  2. #dfccd8
  3. #dfd4cc

समरूप

  1. #ccdfd4
  2. #ccdfdd
  3. #ccd8df

त्रिक

  1. #ccdfdd
  2. #ddccdf
  3. #dfddcc

चतुष्क

  1. #ccdfdd
  2. #cccedf
  3. #dfccce
  4. #dfddcc

वर्ग

  1. #ccdfdd
  2. #d4ccdf
  3. #dfccce
  4. #d8dfcc

एकरंगी

  1. #6ea49e
  2. #9dc2be
  3. #ccdfdd
  4. #f2f7f7
  5. #f2f7f7

शेड

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

  1. #ccdfdd
  2. #b8c9c7
  3. #a3b2b1
  4. #8f9c9b
  5. #7a8685
  6. #66706f
  7. #525958
  8. #3d4342
  9. #292d2c
  10. #141616
  11. #000000

टिंट

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

  1. #ccdfdd
  2. #d1e2e0
  3. #d6e5e4
  4. #dbe9e7
  5. #e0eceb
  6. #e6efee
  7. #ebf2f1
  8. #f0f5f5
  9. #f5f9f8
  10. #fafcfc
  11. #ffffff

टोन

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

  1. #ccdfdd
  2. #c4d6d4
  3. #bdccca
  4. #b5c3c1
  5. #aeb9b8
  6. #a6b0af
  7. #9ea6a5
  8. #979d9c
  9. #8f9393
  10. #888a89
  11. #808080

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

अक्रोमैटोप्सिया #dbdbdb ≈ 0.003% पुरुष
अक्रोमैटोमली #d5dddc ≈ 0.001% पुरुष
प्रोटानोपिया #dddddd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d9dadd ≈ 1.27% पुरुष
ट्राइटानोपिया #c7e0de ≈ 0.0001% पुरुष
प्रोटानोमली #d6dedd ≈ 1.08% पुरुष
ड्यूटेरानोमली #d4dcdd ≈ 4.63% पुरुष
ट्राइटानोमली #c9e0de ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#e0ffff Light Cyan ΔE 7.28 #f0ffff Azure ΔE 7.30 #b0e0e6 Powder Blue ΔE 7.78 #aec6cf Pastel Blue ΔE 7.91 #f5fffa Mint Cream ΔE 7.96 #dcdcdc Gainsboro ΔE 8.23 #a8c3bc Opal ΔE 8.24 #332022 उल्टा रंग #dbdbdb ग्रेस्केल 

Light Cyan
#ccdfdd  rgb(204, 223, 221)  hsl(174, 23%, 84%)  Light Cyan
#dfccce  rgb(223, 204, 206)  hsl(354, 23%, 84%)  Pale Pink
#ddccdf  rgb(221, 204, 223)  hsl(294, 23%, 84%)  Languid Lavender
#dfddcc  rgb(223, 221, 204)  hsl(54, 23%, 84%)  Bone