#C4D5CA

#c4d5ca ≈ Ash Gray

  • हरा
  • चमक: अधिक
  • संतृप्ति: हल्की
  • संतुलित

#c4d5ca “हरा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 76.86% लाल, 83.53% हरे और 79.22% नीले से बना है; CMYK प्रिंट में इसमें 7.98% सियान, 0% मैजेंटा, 5.16% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 141.18°, संतृप्ति 16.83% और चमक 80.2% है। यह गर्म और ठंडे के बीच है और अक्सर प्रकृति, स्वास्थ्य और संतुलन से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर पर्यावरण-अनुकूल ब्रांड, स्वास्थ्य और वेलनेस और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.72:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ash Gray (#b2beb5) है, ΔE 5.83।

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

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

शेड

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

  1. #c4d5ca
  2. #b0c0b6
  3. #9daaa2
  4. #89958d
  5. #768079
  6. #626b65
  7. #4e5551
  8. #3b403d
  9. #272b28
  10. #141514
  11. #000000

टिंट

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

  1. #c4d5ca
  2. #cad9cf
  3. #d0ddd5
  4. #d6e2da
  5. #dce6df
  6. #e2eae5
  7. #e7eeea
  8. #edf2ef
  9. #f3f7f4
  10. #f9fbfa
  11. #ffffff

टोन

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

  1. #c4d5ca
  2. #bdcdc3
  3. #b6c4bb
  4. #b0bcb4
  5. #a9b3ac
  6. #a2aba5
  7. #9ba29e
  8. #949a96
  9. #8e918f
  10. #878987
  11. #808080

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

अक्रोमैटोप्सिया #d1d1d1 ≈ 0.003% पुरुष
अक्रोमैटोमली #ccd2ce ≈ 0.001% पुरुष
प्रोटानोपिया #d5d2c9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d1d0cb ≈ 1.27% पुरुष
ट्राइटानोपिया #c2d5d2 ≈ 0.0001% पुरुष
प्रोटानोमली #ced3ca ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccd2ca ≈ 4.63% पुरुष
ट्राइटानोमली #c3d5cf ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ash Gray
#c4d5ca  rgb(196, 213, 202)  hsl(141, 17%, 80%)  Ash Gray
#d5c4cf  rgb(213, 196, 207)  hsl(321, 17%, 80%)  Languid Lavender
#cac4d5  rgb(202, 196, 213)  hsl(261, 17%, 80%)  Languid Lavender
#d5cac4  rgb(213, 202, 196)  hsl(21, 17%, 80%)  Timberwolf