ColorTool
लॉग इन
#CCD5D1

#ccd5d1 ≈ Light Gray

  • धूसर
  • चमक: अधिक
  • संतृप्ति: लगभग शून्य
  • तटस्थ
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#ccd5d1 “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 80% लाल, 83.53% हरे और 81.96% नीले से बना है; CMYK प्रिंट में इसमें 4.23% सियान, 0% मैजेंटा, 1.88% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 153.33°, संतृप्ति 9.68% और चमक 81.76% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.01:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Gray (#d3d3d3) है, ΔE 5.09।

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

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

पूरक

  1. #ccd5d1
  2. #d5ccd0

विभाजित पूरक

  1. #ccd5d1
  2. #d5ccd4
  3. #d5cccc

समरूप

  1. #ccd5cc
  2. #ccd5d1
  3. #ccd4d5

त्रिक

  1. #ccd5d1
  2. #d1ccd5
  3. #d5d1cc

चतुष्क

  1. #ccd5d1
  2. #ccd0d5
  3. #d5ccd0
  4. #d5d1cc

वर्ग

  1. #ccd5d1
  2. #ccccd5
  3. #d5ccd0
  4. #d4d5cc

एकरंगी

  1. #789085
  2. #a2b2ab
  3. #ccd5d1
  4. #f4f6f5
  5. #f4f6f5

शेड

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

  1. #ccd5d1
  2. #b8c0bc
  3. #a3aaa7
  4. #8f9592
  5. #7a807d
  6. #666b69
  7. #525554
  8. #3d403f
  9. #292b2a
  10. #141515
  11. #000000

टिंट

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

  1. #ccd5d1
  2. #d1d9d6
  3. #d6ddda
  4. #dbe2df
  5. #e0e6e3
  6. #e6eae8
  7. #ebeeed
  8. #f0f2f1
  9. #f5f7f6
  10. #fafbfa
  11. #ffffff

टोन

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

  1. #ccd5d1
  2. #c4cdc9
  3. #bdc4c1
  4. #b5bcb9
  5. #aeb3b1
  6. #a6aba9
  7. #9ea2a0
  8. #979a98
  9. #8f9190
  10. #888988
  11. #808080

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

अक्रोमैटोप्सिया #d3d3d3 ≈ 0.003% पुरुष
अक्रोमैटोमली #d0d4d2 ≈ 0.001% पुरुष
प्रोटानोपिया #d4d4d1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d3d2d1 ≈ 1.27% पुरुष
ट्राइटानोपिया #cad5d4 ≈ 0.0001% पुरुष
प्रोटानोमली #d1d4d1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d0d3d1 ≈ 4.63% पुरुष
ट्राइटानोमली #cbd5d3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d3d3d3 Light Gray ΔE 5.09 #d3d3d3 Light Grey ΔE 5.09 #dcdcdc Gainsboro ΔE 5.51 #dbd7d2 Timberwolf ΔE 6.24 #e5e4e2 Platinum ΔE 6.38 #b2beb5 Ash Gray ΔE 6.65 #c0c0c0 Silver ΔE 6.89 #332a2e उल्टा रंग #d3d3d3 ग्रेस्केल 

Light Gray
#ccd5d1  rgb(204, 213, 209)  hsl(153, 10%, 82%)  Light Gray
#d5ccd0  rgb(213, 204, 208)  hsl(333, 10%, 82%)  Light Gray
#d1ccd5  rgb(209, 204, 213)  hsl(273, 10%, 82%)  Languid Lavender
#d5d1cc  rgb(213, 209, 204)  hsl(33, 10%, 82%)  Timberwolf