#A8B7AE

#a8b7ae ≈ Ash Gray

  • धूसर
  • चमक: अधिक
  • संतृप्ति: लगभग शून्य
  • तटस्थ

#a8b7ae “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 65.88% लाल, 71.76% हरे और 68.24% नीले से बना है; CMYK प्रिंट में इसमें 8.2% सियान, 0% मैजेंटा, 4.92% पीला और 28.24% काला लगता है। HSL में इसका ह्यू कोण 144°, संतृप्ति 9.43% और चमक 68.82% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.05:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ash Gray (#b2beb5) है, ΔE 2.37।

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

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

शेड

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

  1. #a8b7ae
  2. #97a59d
  3. #86928b
  4. #76807a
  5. #656e68
  6. #545c57
  7. #434946
  8. #323734
  9. #222523
  10. #111211
  11. #000000

टिंट

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

  1. #a8b7ae
  2. #b1beb6
  3. #b9c5be
  4. #c2cdc6
  5. #cbd4ce
  6. #d4dbd7
  7. #dce2df
  8. #e5e9e7
  9. #eef1ef
  10. #f6f8f7
  11. #ffffff

टोन

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

  1. #a8b7ae
  2. #a4b2a9
  3. #a0aca5
  4. #9ca7a0
  5. #98a19c
  6. #949c97
  7. #909692
  8. #8c918e
  9. #888b89
  10. #848685
  11. #808080

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

अक्रोमैटोप्सिया #b3b3b3 ≈ 0.003% पुरुष
अक्रोमैटोमली #afb5b1 ≈ 0.001% पुरुष
प्रोटानोपिया #b7b4ae ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b4b3ae ≈ 1.27% पुरुष
ट्राइटानोपिया #a6b7b4 ≈ 0.0001% पुरुष
प्रोटानोमली #b1b5ae ≈ 1.08% पुरुष
ड्यूटेरानोमली #afb4ae ≈ 4.63% पुरुष
ट्राइटानोमली #a7b7b2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ash Gray
#a8b7ae  rgb(168, 183, 174)  hsl(144, 9%, 69%)  Ash Gray
#b7a8b1  rgb(183, 168, 177)  hsl(324, 9%, 69%)  Silver Pink
#aea8b7  rgb(174, 168, 183)  hsl(264, 9%, 69%)  Rose Quartz
#b7aea8  rgb(183, 174, 168)  hsl(24, 9%, 69%)  Dark Gray