ColorTool
लॉग इन
#CCDFDC

#ccdfdc ≈ Light Cyan

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

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

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

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

पूरक

  1. #ccdfdc
  2. #dfcccf

विभाजित पूरक

  1. #ccdfdc
  2. #dfccd9
  3. #dfd3cc

समरूप

  1. #ccdfd3
  2. #ccdfdc
  3. #ccd9df

त्रिक

  1. #ccdfdc
  2. #dcccdf
  3. #dfdccc

चतुष्क

  1. #ccdfdc
  2. #cccfdf
  3. #dfcccf
  4. #dfdccc

वर्ग

  1. #ccdfdc
  2. #d3ccdf
  3. #dfcccf
  4. #d9dfcc

एकरंगी

  1. #6ea49b
  2. #9dc2bc
  3. #ccdfdc
  4. #f2f7f6
  5. #f2f7f6

शेड

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

  1. #ccdfdc
  2. #b8c9c6
  3. #a3b2b0
  4. #8f9c9a
  5. #7a8684
  6. #66706e
  7. #525958
  8. #3d4342
  9. #292d2c
  10. #141616
  11. #000000

टिंट

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

  1. #ccdfdc
  2. #d1e2e0
  3. #d6e5e3
  4. #dbe9e7
  5. #e0ecea
  6. #e6efee
  7. #ebf2f1
  8. #f0f5f5
  9. #f5f9f8
  10. #fafcfc
  11. #ffffff

टोन

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

  1. #ccdfdc
  2. #c4d6d3
  3. #bdccca
  4. #b5c3c0
  5. #aeb9b7
  6. #a6b0ae
  7. #9ea6a5
  8. #979d9c
  9. #8f9392
  10. #888a89
  11. #808080

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

अक्रोमैटोप्सिया #dbdbdb ≈ 0.003% पुरुष
अक्रोमैटोमली #d5dddb ≈ 0.001% पुरुष
प्रोटानोपिया #dddddc ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d9dadc ≈ 1.27% पुरुष
ट्राइटानोपिया #c7e0de ≈ 0.0001% पुरुष
प्रोटानोमली #d6dedc ≈ 1.08% पुरुष
ड्यूटेरानोमली #d4dcdc ≈ 4.63% पुरुष
ट्राइटानोमली #c9e0dd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#e0ffff Light Cyan ΔE 7.32 #f0ffff Azure ΔE 7.42 #b0e0e6 Powder Blue ΔE 7.91 #f5fffa Mint Cream ΔE 7.95 #a8c3bc Opal ΔE 8.07 #aec6cf Pastel Blue ΔE 8.21 #dcdcdc Gainsboro ΔE 8.39 #332023 उल्टा रंग #dbdbdb ग्रेस्केल 

Light Cyan
#ccdfdc  rgb(204, 223, 220)  hsl(171, 23%, 84%)  Light Cyan
#dfcccf  rgb(223, 204, 207)  hsl(351, 23%, 84%)  Pale Pink
#dcccdf  rgb(220, 204, 223)  hsl(291, 23%, 84%)  Languid Lavender
#dfdccc  rgb(223, 220, 204)  hsl(51, 23%, 84%)  Bone