ColorTool
लॉग इन
#CCCFDB

#cccfdb ≈ Light Gray

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

#cccfdb “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 81.18% हरे और 85.88% नीले से बना है; CMYK प्रिंट में इसमें 6.85% सियान, 5.48% मैजेंटा, 0% पीला और 14.12% काला लगता है। HSL में इसका ह्यू कोण 228°, संतृप्ति 17.24% और चमक 82.94% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.52:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Gray (#d3d3d3) है, ΔE 5.78।

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

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

पूरक

  1. #cccfdb
  2. #dbd8cc

विभाजित पूरक

  1. #cccfdb
  2. #dbd0cc
  3. #d6dbcc

समरूप

  1. #ccd6db
  2. #cccfdb
  3. #d0ccdb

त्रिक

  1. #cccfdb
  2. #dbcccf
  3. #cfdbcc

चतुष्क

  1. #cccfdb
  2. #d8ccdb
  3. #dbd8cc
  4. #cfdbcc

वर्ग

  1. #cccfdb
  2. #dbccd6
  3. #dbd8cc
  4. #ccdbd0

एकरंगी

  1. #727b9c
  2. #9fa5bb
  3. #cccfdb
  4. #f3f4f7
  5. #f3f4f7

शेड

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

  1. #cccfdb
  2. #b8bac5
  3. #a3a6af
  4. #8f9199
  5. #7a7c83
  6. #66686e
  7. #525358
  8. #3d3e42
  9. #29292c
  10. #141516
  11. #000000

टिंट

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

  1. #cccfdb
  2. #d1d4df
  3. #d6d9e2
  4. #dbdde6
  5. #e0e2e9
  6. #e6e7ed
  7. #ebecf1
  8. #f0f1f4
  9. #f5f5f8
  10. #fafafb
  11. #ffffff

टोन

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

  1. #cccfdb
  2. #c4c7d2
  3. #bdbfc9
  4. #b5b7c0
  5. #aeafb7
  6. #a6a8ae
  7. #9ea0a4
  8. #97989b
  9. #8f9092
  10. #888889
  11. #808080

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

अक्रोमैटोप्सिया #cfcfcf ≈ 0.003% पुरुष
अक्रोमैटोमली #cecfd4 ≈ 0.001% पुरुष
प्रोटानोपिया #ccd0dc ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cbcfdb ≈ 1.27% पुरुष
ट्राइटानोपिया #c9d1d3 ≈ 0.0001% पुरुष
प्रोटानोमली #ccd0db ≈ 1.08% पुरुष
ड्यूटेरानोमली #cbcfdb ≈ 4.63% पुरुष
ट्राइटानोमली #cad0d6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d3d3d3 Light Gray ΔE 5.78 #d3d3d3 Light Grey ΔE 5.78 #dcdcdc Gainsboro ΔE 6.44 #e6e6fa Lavender ΔE 6.68 #c0c0c0 Silver ΔE 6.86 #d6cadd Languid Lavender ΔE 7.60 #b0c4de Light Steel Blue ΔE 7.82 #333024 उल्टा रंग #cfcfcf ग्रेस्केल 

Light Gray
#cccfdb  rgb(204, 207, 219)  hsl(228, 17%, 83%)  Light Gray
#dbd8cc  rgb(219, 216, 204)  hsl(48, 17%, 83%)  Bone
#dbcccf  rgb(219, 204, 207)  hsl(348, 17%, 83%)  Languid Lavender
#cfdbcc  rgb(207, 219, 204)  hsl(108, 17%, 83%)  Ash Gray