ColorTool
लॉग इन
#CFDEDB

#cfdedb ≈ Gainsboro

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

#cfdedb “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 81.18% लाल, 87.06% हरे और 85.88% नीले से बना है; CMYK प्रिंट में इसमें 6.76% सियान, 0% मैजेंटा, 1.35% पीला और 12.94% काला लगता है। HSL में इसका ह्यू कोण 168°, संतृप्ति 18.52% और चमक 84.12% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.12:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Gainsboro (#dcdcdc) है, ΔE 7.04।

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

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

पूरक

  1. #cfdedb
  2. #decfd2

विभाजित पूरक

  1. #cfdedb
  2. #decfda
  3. #ded4cf

समरूप

  1. #cfded4
  2. #cfdedb
  3. #cfdade

त्रिक

  1. #cfdedb
  2. #dbcfde
  3. #dedbcf

चतुष्क

  1. #cfdedb
  2. #cfd2de
  3. #decfd2
  4. #dedbcf

वर्ग

  1. #cfdedb
  2. #d4cfde
  3. #decfd2
  4. #dadecf

एकरंगी

  1. #74a097
  2. #a2bfb9
  3. #cfdedb
  4. #f3f7f6
  5. #f3f7f6

शेड

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

  1. #cfdedb
  2. #bac8c5
  3. #a6b2af
  4. #919b99
  5. #7c8583
  6. #686f6e
  7. #535958
  8. #3e4342
  9. #292c2c
  10. #151616
  11. #000000

टिंट

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

  1. #cfdedb
  2. #d4e1df
  3. #d9e5e2
  4. #dde8e6
  5. #e2ebe9
  6. #e7efed
  7. #ecf2f1
  8. #f1f5f4
  9. #f5f8f8
  10. #fafcfb
  11. #ffffff

टोन

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

  1. #cfdedb
  2. #c7d5d2
  3. #bfcbc9
  4. #b7c2c0
  5. #afb8b7
  6. #a8afae
  7. #a0a6a4
  8. #989c9b
  9. #909392
  10. #888989
  11. #808080

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

अक्रोमैटोप्सिया #dbdbdb ≈ 0.003% पुरुष
अक्रोमैटोमली #d6dcdb ≈ 0.001% पुरुष
प्रोटानोपिया #dcdcdb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d9dadb ≈ 1.27% पुरुष
ट्राइटानोपिया #ccdfdd ≈ 0.0001% पुरुष
प्रोटानोमली #d7dddb ≈ 1.08% पुरुष
ड्यूटेरानोमली #d5dbdb ≈ 4.63% पुरुष
ट्राइटानोमली #cddedc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#dcdcdc Gainsboro ΔE 7.04 #f0ffff Azure ΔE 7.24 #d3d3d3 Light Gray ΔE 7.26 #d3d3d3 Light Grey ΔE 7.26 #e5e4e2 Platinum ΔE 7.45 #f5fffa Mint Cream ΔE 7.51 #e0ffff Light Cyan ΔE 8.10 #302124 उल्टा रंग #dbdbdb ग्रेस्केल 

Gainsboro
#cfdedb  rgb(207, 222, 219)  hsl(168, 19%, 84%)  Gainsboro
#decfd2  rgb(222, 207, 210)  hsl(348, 19%, 84%)  Pale Pink
#dbcfde  rgb(219, 207, 222)  hsl(288, 19%, 84%)  Languid Lavender
#dedbcf  rgb(222, 219, 207)  hsl(48, 19%, 84%)  Bone