ColorTool
लॉग इन
#CFDCDA

#cfdcda ≈ Gainsboro

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

#cfdcda “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 81.18% लाल, 86.27% हरे और 85.49% नीले से बना है; CMYK प्रिंट में इसमें 5.91% सियान, 0% मैजेंटा, 0.91% पीला और 13.73% काला लगता है। HSL में इसका ह्यू कोण 170.77°, संतृप्ति 15.66% और चमक 83.73% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.9:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Gainsboro (#dcdcdc) है, ΔE 6.16।

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

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

पूरक

  1. #cfdcda
  2. #dccfd1

विभाजित पूरक

  1. #cfdcda
  2. #dccfd8
  3. #dcd4cf

समरूप

  1. #cfdcd4
  2. #cfdcda
  3. #cfd8dc

त्रिक

  1. #cfdcda
  2. #dacfdc
  3. #dcdacf

चतुष्क

  1. #cfdcda
  2. #cfd1dc
  3. #dccfd1
  4. #dcdacf

वर्ग

  1. #cfdcda
  2. #d4cfdc
  3. #dccfd1
  4. #d8dccf

एकरंगी

  1. #779b96
  2. #a3bcb8
  3. #cfdcda
  4. #f3f6f6
  5. #f3f6f6

शेड

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

  1. #cfdcda
  2. #bac6c4
  3. #a6b0ae
  4. #919a99
  5. #7c8483
  6. #686e6d
  7. #535857
  8. #3e4241
  9. #292c2c
  10. #151616
  11. #000000

टिंट

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

  1. #cfdcda
  2. #d4e0de
  3. #d9e3e1
  4. #dde7e5
  5. #e2eae9
  6. #e7eeed
  7. #ecf1f0
  8. #f1f5f4
  9. #f5f8f8
  10. #fafcfb
  11. #ffffff

टोन

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

  1. #cfdcda
  2. #c7d3d1
  3. #bfcac8
  4. #b7c0bf
  5. #afb7b6
  6. #a8aead
  7. #a0a5a4
  8. #989c9b
  9. #909292
  10. #888989
  11. #808080

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

अक्रोमैटोप्सिया #d9d9d9 ≈ 0.003% पुरुष
अक्रोमैटोमली #d5dada ≈ 0.001% पुरुष
प्रोटानोपिया #dadada ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d8d8da ≈ 1.27% पुरुष
ट्राइटानोपिया #ccdddb ≈ 0.0001% पुरुष
प्रोटानोमली #d6dbda ≈ 1.08% पुरुष
ड्यूटेरानोमली #d4dada ≈ 4.63% पुरुष
ट्राइटानोमली #cddcdb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#dcdcdc Gainsboro ΔE 6.16 #d3d3d3 Light Gray ΔE 6.29 #d3d3d3 Light Grey ΔE 6.29 #e5e4e2 Platinum ΔE 6.76 #f0ffff Azure ΔE 7.50 #dbd7d2 Timberwolf ΔE 7.62 #f5fffa Mint Cream ΔE 7.75 #302325 उल्टा रंग #d9d9d9 ग्रेस्केल 

Gainsboro
#cfdcda  rgb(207, 220, 218)  hsl(171, 16%, 84%)  Gainsboro
#dccfd1  rgb(220, 207, 209)  hsl(351, 16%, 84%)  Light Gray
#dacfdc  rgb(218, 207, 220)  hsl(291, 16%, 84%)  Languid Lavender
#dcdacf  rgb(220, 218, 207)  hsl(51, 16%, 84%)  Timberwolf