ColorTool
लॉग इन
#CCCBDF

#cccbdf ≈ Languid Lavender

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

#cccbdf “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 79.61% हरे और 87.45% नीले से बना है; CMYK प्रिंट में इसमें 8.52% सियान, 8.97% मैजेंटा, 0% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 243°, संतृप्ति 23.81% और चमक 83.53% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.18:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Languid Lavender (#d6cadd) है, ΔE 4.54।

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

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

पूरक

  1. #cccbdf
  2. #dedfcb

विभाजित पूरक

  1. #cccbdf
  2. #dfd6cb
  3. #d4dfcb

समरूप

  1. #cbd4df
  2. #cccbdf
  3. #d6cbdf

त्रिक

  1. #cccbdf
  2. #dfcccb
  3. #cbdfcc

चतुष्क

  1. #cccbdf
  2. #dfcbde
  3. #dedfcb
  4. #cbdfcc

वर्ग

  1. #cccbdf
  2. #dfcbd4
  3. #dedfcb
  4. #cbdfd6

एकरंगी

  1. #6f6ca5
  2. #9e9cc2
  3. #cccbdf
  4. #f3f2f7
  5. #f3f2f7

शेड

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

  1. #cccbdf
  2. #b8b7c9
  3. #a3a2b2
  4. #8f8e9c
  5. #7a7a86
  6. #666670
  7. #525159
  8. #3d3d43
  9. #29292d
  10. #141416
  11. #000000

टिंट

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

  1. #cccbdf
  2. #d1d0e2
  3. #d6d5e5
  4. #dbdbe9
  5. #e0e0ec
  6. #e6e5ef
  7. #ebeaf2
  8. #f0eff5
  9. #f5f5f9
  10. #fafafc
  11. #ffffff

टोन

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

  1. #cccbdf
  2. #c4c4d6
  3. #bdbccc
  4. #b5b5c3
  5. #aeadb9
  6. #a6a6b0
  7. #9e9ea6
  8. #97979d
  9. #8f8f93
  10. #88888a
  11. #808080

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

अक्रोमैटोप्सिया #cdcdcd ≈ 0.003% पुरुष
अक्रोमैटोमली #ccccd4 ≈ 0.001% पुरुष
प्रोटानोपिया #c7cde0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c6ccde ≈ 1.27% पुरुष
ट्राइटानोपिया #c8ced1 ≈ 0.0001% पुरुष
प्रोटानोमली #c9cce0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c9ccdf ≈ 4.63% पुरुष
ट्राइटानोमली #cacdd7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d6cadd Languid Lavender ΔE 4.54 #e6e6fa Lavender ΔE 6.15 #b0c4de Light Steel Blue ΔE 9.03 #d8bfd8 Thistle ΔE 9.16 #ccccff Periwinkle ΔE 9.17 #d3d3d3 Light Gray ΔE 9.30 #d3d3d3 Light Grey ΔE 9.30 #333420 उल्टा रंग #cdcdcd ग्रेस्केल 

Languid Lavender
#cccbdf  rgb(204, 203, 223)  hsl(243, 24%, 84%)  Languid Lavender
#dedfcb  rgb(222, 223, 203)  hsl(63, 24%, 84%)  Eggshell
#dfcccb  rgb(223, 204, 203)  hsl(3, 24%, 84%)  Pale Pink
#cbdfcc  rgb(203, 223, 204)  hsl(123, 24%, 84%)  Honeydew