ColorTool
लॉग इन
#D1DBDA

#d1dbda ≈ Gainsboro

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

#d1dbda “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 81.96% लाल, 85.88% हरे और 85.49% नीले से बना है; CMYK प्रिंट में इसमें 4.57% सियान, 0% मैजेंटा, 0.46% पीला और 14.12% काला लगता है। HSL में इसका ह्यू कोण 174°, संतृप्ति 12.2% और चमक 83.92% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.86:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Gainsboro (#dcdcdc) है, ΔE 4.84।

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

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

पूरक

  1. #d1dbda
  2. #dbd1d2

विभाजित पूरक

  1. #d1dbda
  2. #dbd1d7
  3. #dbd5d1

समरूप

  1. #d1dbd5
  2. #d1dbda
  3. #d1d7db

त्रिक

  1. #d1dbda
  2. #dad1db
  3. #dbdad1

चतुष्क

  1. #d1dbda
  2. #d1d2db
  3. #dbd1d2
  4. #dbdad1

वर्ग

  1. #d1dbda
  2. #d5d1db
  3. #dbd1d2
  4. #d7dbd1

एकरंगी

  1. #7b9895
  2. #a6b9b7
  3. #d1dbda
  4. #f4f6f6
  5. #f4f6f6

शेड

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

  1. #d1dbda
  2. #bcc5c4
  3. #a7afae
  4. #929999
  5. #7d8383
  6. #696e6d
  7. #545857
  8. #3f4241
  9. #2a2c2c
  10. #151616
  11. #000000

टिंट

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

  1. #d1dbda
  2. #d6dfde
  3. #dae2e1
  4. #dfe6e5
  5. #e3e9e9
  6. #e8eded
  7. #edf1f0
  8. #f1f4f4
  9. #f6f8f8
  10. #fafbfb
  11. #ffffff

टोन

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

  1. #d1dbda
  2. #c9d2d1
  3. #c1c9c8
  4. #b9c0bf
  5. #b1b7b6
  6. #a9aead
  7. #a0a4a4
  8. #989b9b
  9. #909292
  10. #888989
  11. #808080

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

अक्रोमैटोप्सिया #d9d9d9 ≈ 0.003% पुरुष
अक्रोमैटोमली #d6dad9 ≈ 0.001% पुरुष
प्रोटानोपिया #dadada ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d8d8da ≈ 1.27% पुरुष
ट्राइटानोपिया #cfdcdb ≈ 0.0001% पुरुष
प्रोटानोमली #d6dada ≈ 1.08% पुरुष
ड्यूटेरानोमली #d5d9da ≈ 4.63% पुरुष
ट्राइटानोमली #d0dbda ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#dcdcdc Gainsboro ΔE 4.84 #d3d3d3 Light Gray ΔE 4.97 #d3d3d3 Light Grey ΔE 4.97 #e5e4e2 Platinum ΔE 5.62 #dbd7d2 Timberwolf ΔE 6.46 #f0ffff Azure ΔE 7.71 #c0c0c0 Silver ΔE 7.71 #2e2425 उल्टा रंग #d9d9d9 ग्रेस्केल 

Gainsboro
#d1dbda  rgb(209, 219, 218)  hsl(174, 12%, 84%)  Gainsboro
#dbd1d2  rgb(219, 209, 210)  hsl(354, 12%, 84%)  Light Gray
#dad1db  rgb(218, 209, 219)  hsl(294, 12%, 84%)  Languid Lavender
#dbdad1  rgb(219, 218, 209)  hsl(54, 12%, 84%)  Timberwolf