#B1B2B2

#b1b2b2 ≈ Dark Gray

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

#b1b2b2 “धूसर” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 69.41% लाल, 69.8% हरे और 69.8% नीले से बना है; CMYK प्रिंट में इसमें 0.56% सियान, 0% मैजेंटा, 0% पीला और 30.2% काला लगता है। HSL में इसका ह्यू कोण 180°, संतृप्ति 0.65% और चमक 69.61% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.88:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Dark Gray (#a9a9a9) है, ΔE 2.55।

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

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

शेड

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

  1. #b1b2b2
  2. #9fa0a0
  3. #8e8e8e
  4. #7c7d7d
  5. #6a6b6b
  6. #595959
  7. #474747
  8. #353535
  9. #232424
  10. #121212
  11. #000000

टिंट

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

  1. #b1b2b2
  2. #b9baba
  3. #c1c1c1
  4. #c8c9c9
  5. #d0d1d1
  6. #d8d9d9
  7. #e0e0e0
  8. #e8e8e8
  9. #eff0f0
  10. #f7f7f7
  11. #ffffff

टोन

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

  1. #b1b2b2
  2. #acadad
  3. #a7a8a8
  4. #a2a3a3
  5. #9d9e9e
  6. #999999
  7. #949494
  8. #8f8f8f
  9. #8a8a8a
  10. #858585
  11. #808080

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

अक्रोमैटोप्सिया #b2b2b2 ≈ 0.003% पुरुष
अक्रोमैटोमली #b1b2b2 ≈ 0.001% पुरुष
प्रोटानोपिया #b2b2b2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b2b2b2 ≈ 1.27% पुरुष
ट्राइटानोपिया #b1b2b2 ≈ 0.0001% पुरुष
प्रोटानोमली #b2b2b2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b1b2b2 ≈ 4.63% पुरुष
ट्राइटानोमली #b1b2b2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Dark Gray
#b1b2b2  rgb(177, 178, 178)  hsl(180, 1%, 70%)  Dark Gray
#b2b1b1  rgb(178, 177, 177)  hsl(0, 1%, 70%)  Dark Gray
#b2b1b2  rgb(178, 177, 178)  hsl(300, 1%, 70%)  Dark Gray
#b2b2b1  rgb(178, 178, 177)  hsl(60, 1%, 70%)  Dark Gray