ColorTool
लॉग इन
#CCD3DA

#ccd3da ≈ Light Gray

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

#ccd3da “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 82.75% हरे और 85.49% नीले से बना है; CMYK प्रिंट में इसमें 6.42% सियान, 3.21% मैजेंटा, 0% पीला और 14.51% काला लगता है। HSL में इसका ह्यू कोण 210°, संतृप्ति 15.91% और चमक 82.75% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.9:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Gray (#d3d3d3) है, ΔE 4.14।

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

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

पूरक

  1. #ccd3da
  2. #dad3cc

विभाजित पूरक

  1. #ccd3da
  2. #dacccc
  3. #dadacc

समरूप

  1. #ccdada
  2. #ccd3da
  3. #ccccda

त्रिक

  1. #ccd3da
  2. #daccd3
  3. #d3dacc

चतुष्क

  1. #ccd3da
  2. #d3ccda
  3. #dad3cc
  4. #d3dacc

वर्ग

  1. #ccd3da
  2. #daccda
  3. #dad3cc
  4. #ccdacc

एकरंगी

  1. #73879a
  2. #a0adba
  3. #ccd3da
  4. #f3f5f6
  5. #f3f5f6

शेड

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

  1. #ccd3da
  2. #b8bec4
  3. #a3a9ae
  4. #8f9499
  5. #7a7f83
  6. #666a6d
  7. #525457
  8. #3d3f41
  9. #292a2c
  10. #141516
  11. #000000

टिंट

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

  1. #ccd3da
  2. #d1d7de
  3. #d6dce1
  4. #dbe0e5
  5. #e0e5e9
  6. #e6e9ed
  7. #ebedf0
  8. #f0f2f4
  9. #f5f6f8
  10. #fafbfb
  11. #ffffff

टोन

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

  1. #ccd3da
  2. #c4cbd1
  3. #bdc2c8
  4. #b5babf
  5. #aeb2b6
  6. #a6aaad
  7. #9ea1a4
  8. #97999b
  9. #8f9192
  10. #888889
  11. #808080

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

अक्रोमैटोप्सिया #d2d2d2 ≈ 0.003% पुरुष
अक्रोमैटोमली #d0d2d5 ≈ 0.001% पुरुष
प्रोटानोपिया #d0d3da ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cfd1da ≈ 1.27% पुरुष
ट्राइटानोपिया #c9d5d5 ≈ 0.0001% पुरुष
प्रोटानोमली #cfd3da ≈ 1.08% पुरुष
ड्यूटेरानोमली #ced2da ≈ 4.63% पुरुष
ट्राइटानोमली #cad4d7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d3d3d3 Light Gray ΔE 4.14 #d3d3d3 Light Grey ΔE 4.14 #dcdcdc Gainsboro ΔE 4.73 #c0c0c0 Silver ΔE 6.08 #bcd4e6 Pale Aqua ΔE 6.27 #e5e4e2 Platinum ΔE 6.62 #dbd7d2 Timberwolf ΔE 7.18 #332c25 उल्टा रंग #d2d2d2 ग्रेस्केल 

Light Gray
#ccd3da  rgb(204, 211, 218)  hsl(210, 16%, 83%)  Light Gray
#dad3cc  rgb(218, 211, 204)  hsl(30, 16%, 83%)  Timberwolf
#daccd3  rgb(218, 204, 211)  hsl(330, 16%, 83%)  Languid Lavender
#d3dacc  rgb(211, 218, 204)  hsl(90, 16%, 83%)  Eggshell