#B2B2BB

#b2b2bb ≈ Dark Gray

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

#b2b2bb “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 69.8% लाल, 69.8% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 4.81% सियान, 4.81% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 240°, संतृप्ति 6.21% और चमक 71.57% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.98:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Dark Gray (#a9a9a9) है, ΔE 5.44।

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

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

शेड

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

  1. #b2b2bb
  2. #a0a0a8
  3. #8e8e96
  4. #7d7d83
  5. #6b6b70
  6. #59595e
  7. #47474b
  8. #353538
  9. #242425
  10. #121213
  11. #000000

टिंट

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

  1. #b2b2bb
  2. #babac2
  3. #c1c1c9
  4. #c9c9cf
  5. #d1d1d6
  6. #d9d9dd
  7. #e0e0e4
  8. #e8e8eb
  9. #f0f0f1
  10. #f7f7f8
  11. #ffffff

टोन

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

  1. #b2b2bb
  2. #adadb5
  3. #a8a8af
  4. #a3a3a9
  5. #9e9ea3
  6. #99999e
  7. #949498
  8. #8f8f92
  9. #8a8a8c
  10. #858586
  11. #808080

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

अक्रोमैटोप्सिया #b3b3b3 ≈ 0.003% पुरुष
अक्रोमैटोमली #b2b2b6 ≈ 0.001% पुरुष
प्रोटानोपिया #b0b3bb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b0b2bb ≈ 1.27% पुरुष
ट्राइटानोपिया #b0b3b5 ≈ 0.0001% पुरुष
प्रोटानोमली #b1b3bb ≈ 1.08% पुरुष
ड्यूटेरानोमली #b1b2bb ≈ 4.63% पुरुष
ट्राइटानोमली #b1b3b7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Dark Gray
#b2b2bb  rgb(178, 178, 187)  hsl(240, 6%, 72%)  Dark Gray
#bbbbb2  rgb(187, 187, 178)  hsl(60, 6%, 72%)  Silver
#bbb2b2  rgb(187, 178, 178)  hsl(0, 6%, 72%)  Silver Pink
#b2bbb2  rgb(178, 187, 178)  hsl(120, 6%, 72%)  Ash Gray