#A8B2A6

#a8b2a6 ≈ Ash Gray

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

#a8b2a6 “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 65.88% लाल, 69.8% हरे और 65.1% नीले से बना है; CMYK प्रिंट में इसमें 5.62% सियान, 0% मैजेंटा, 6.74% पीला और 30.2% काला लगता है। HSL में इसका ह्यू कोण 110°, संतृप्ति 7.23% और चमक 67.45% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.58:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ash Gray (#b2beb5) है, ΔE 3.55।

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

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

शेड

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

  1. #a8b2a6
  2. #97a095
  3. #868e85
  4. #767d74
  5. #656b64
  6. #545953
  7. #434742
  8. #323532
  9. #222421
  10. #111211
  11. #000000

टिंट

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

  1. #a8b2a6
  2. #b1baaf
  3. #b9c1b8
  4. #c2c9c1
  5. #cbd1ca
  6. #d4d9d3
  7. #dce0db
  8. #e5e8e4
  9. #eef0ed
  10. #f6f7f6
  11. #ffffff

टोन

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

  1. #a8b2a6
  2. #a4ada2
  3. #a0a89e
  4. #9ca39b
  5. #989e97
  6. #949993
  7. #90948f
  8. #8c8f8b
  9. #888a88
  10. #848584
  11. #808080

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

अक्रोमैटोप्सिया #afafaf ≈ 0.003% पुरुष
अक्रोमैटोमली #acb0ac ≈ 0.001% पुरुष
प्रोटानोपिया #b3b0a5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b1afa7 ≈ 1.27% पुरुष
ट्राइटानोपिया #a8b1ae ≈ 0.0001% पुरुष
प्रोटानोमली #afb1a6 ≈ 1.08% पुरुष
ड्यूटेरानोमली #aeb0a6 ≈ 4.63% पुरुष
ट्राइटानोमली #a8b1ab ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ash Gray
#a8b2a6  rgb(168, 178, 166)  hsl(110, 7%, 67%)  Ash Gray
#b0a6b2  rgb(176, 166, 178)  hsl(290, 7%, 67%)  Rose Quartz
#a6a8b2  rgb(166, 168, 178)  hsl(230, 7%, 67%)  Dark Gray
#b2a6a8  rgb(178, 166, 168)  hsl(350, 7%, 67%)  Silver Pink