ColorTool
लॉग इन
#CCD0DC

#ccd0dc ≈ Light Gray

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

#ccd0dc “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 81.57% हरे और 86.27% नीले से बना है; CMYK प्रिंट में इसमें 7.27% सियान, 5.45% मैजेंटा, 0% पीला और 13.73% काला लगता है। HSL में इसका ह्यू कोण 225°, संतृप्ति 18.6% और चमक 83.14% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.62:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Gray (#d3d3d3) है, ΔE 5.74।

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

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

पूरक

  1. #ccd0dc
  2. #dcd8cc

विभाजित पूरक

  1. #ccd0dc
  2. #dcd0cc
  3. #d8dccc

समरूप

  1. #ccd8dc
  2. #ccd0dc
  3. #d0ccdc

त्रिक

  1. #ccd0dc
  2. #dcccd0
  3. #d0dccc

चतुष्क

  1. #ccd0dc
  2. #d8ccdc
  3. #dcd8cc
  4. #d0dccc

वर्ग

  1. #ccd0dc
  2. #dcccd8
  3. #dcd8cc
  4. #ccdcd0

एकरंगी

  1. #717c9e
  2. #9fa6bd
  3. #ccd0dc
  4. #f3f4f7
  5. #f3f4f7

शेड

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

  1. #ccd0dc
  2. #b8bbc6
  3. #a3a6b0
  4. #8f929a
  5. #7a7d84
  6. #66686e
  7. #525358
  8. #3d3e42
  9. #292a2c
  10. #141516
  11. #000000

टिंट

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

  1. #ccd0dc
  2. #d1d5e0
  3. #d6d9e3
  4. #dbdee7
  5. #e0e3ea
  6. #e6e8ee
  7. #ebecf1
  8. #f0f1f5
  9. #f5f6f8
  10. #fafafc
  11. #ffffff

टोन

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

  1. #ccd0dc
  2. #c4c8d3
  3. #bdc0ca
  4. #b5b8c0
  5. #aeb0b7
  6. #a6a8ae
  7. #9ea0a5
  8. #97989c
  9. #8f9092
  10. #888889
  11. #808080

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

अक्रोमैटोप्सिया #d0d0d0 ≈ 0.003% पुरुष
अक्रोमैटोमली #ced0d5 ≈ 0.001% पुरुष
प्रोटानोपिया #cdd1dd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cccfdc ≈ 1.27% पुरुष
ट्राइटानोपिया #c9d2d4 ≈ 0.0001% पुरुष
प्रोटानोमली #ccd0dc ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccd0dc ≈ 4.63% पुरुष
ट्राइटानोमली #cad1d7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d3d3d3 Light Gray ΔE 5.74 #d3d3d3 Light Grey ΔE 5.74 #dcdcdc Gainsboro ΔE 6.34 #e6e6fa Lavender ΔE 6.73 #c0c0c0 Silver ΔE 6.96 #bcd4e6 Pale Aqua ΔE 7.36 #b0c4de Light Steel Blue ΔE 7.57 #332f23 उल्टा रंग #d0d0d0 ग्रेस्केल 

Light Gray
#ccd0dc  rgb(204, 208, 220)  hsl(225, 19%, 83%)  Light Gray
#dcd8cc  rgb(220, 216, 204)  hsl(45, 19%, 83%)  Bone
#dcccd0  rgb(220, 204, 208)  hsl(345, 19%, 83%)  Languid Lavender
#d0dccc  rgb(208, 220, 204)  hsl(105, 19%, 83%)  Honeydew