#AFBBBB

#afbbbb ≈ Ash Gray

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

#afbbbb “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 68.63% लाल, 73.33% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 6.42% सियान, 0% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 180°, संतृप्ति 8.11% और चमक 70.98% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.65:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ash Gray (#b2beb5) है, ΔE 4.46।

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

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

शेड

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

  1. #afbbbb
  2. #9ea8a8
  3. #8c9696
  4. #7b8383
  5. #697070
  6. #585e5e
  7. #464b4b
  8. #353838
  9. #232525
  10. #121313
  11. #000000

टिंट

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

  1. #afbbbb
  2. #b7c2c2
  3. #bfc9c9
  4. #c7cfcf
  5. #cfd6d6
  6. #d7dddd
  7. #dfe4e4
  8. #e7ebeb
  9. #eff1f1
  10. #f7f8f8
  11. #ffffff

टोन

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

  1. #afbbbb
  2. #aab5b5
  3. #a6afaf
  4. #a1a9a9
  5. #9ca3a3
  6. #989e9e
  7. #939898
  8. #8e9292
  9. #898c8c
  10. #858686
  11. #808080

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

अक्रोमैटोप्सिया #b9b9b9 ≈ 0.003% पुरुष
अक्रोमैटोमली #b5baba ≈ 0.001% पुरुष
प्रोटानोपिया #b9babb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b7b8bb ≈ 1.27% पुरुष
ट्राइटानोपिया #acbcbb ≈ 0.0001% पुरुष
प्रोटानोमली #b5babb ≈ 1.08% पुरुष
ड्यूटेरानोमली #b4b9bb ≈ 4.63% पुरुष
ट्राइटानोमली #adbcbb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ash Gray
#afbbbb  rgb(175, 187, 187)  hsl(180, 8%, 71%)  Ash Gray
#bbafaf  rgb(187, 175, 175)  hsl(0, 8%, 71%)  Silver Pink
#bbafbb  rgb(187, 175, 187)  hsl(300, 8%, 71%)  Silver Pink
#bbbbaf  rgb(187, 187, 175)  hsl(60, 8%, 71%)  Ash Gray