#7B7D7F

#7b7d7f ≈ Gray

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

#7b7d7f “धूसर” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 48.24% लाल, 49.02% हरे और 49.8% नीले से बना है; CMYK प्रिंट में इसमें 3.15% सियान, 1.57% मैजेंटा, 0% पीला और 50.2% काला लगता है। HSL में इसका ह्यू कोण 210°, संतृप्ति 1.6% और चमक 49.02% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.08:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Gray (#808080) है, ΔE 1.88।

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

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

शेड

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

  1. #7b7d7f
  2. #6f7172
  3. #626466
  4. #565859
  5. #4a4b4c
  6. #3e3f40
  7. #313233
  8. #252626
  9. #191919
  10. #0c0d0d
  11. #000000

टिंट

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

  1. #7b7d7f
  2. #888a8c
  3. #959799
  4. #a3a4a5
  5. #b0b1b2
  6. #bdbebf
  7. #cacbcc
  8. #d7d8d9
  9. #e5e5e5
  10. #f2f2f2
  11. #ffffff

टोन

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

  1. #7b7d7f
  2. #7c7d7f
  3. #7c7e7f
  4. #7d7e7f
  5. #7d7e7f
  6. #7e7f80
  7. #7e7f80
  8. #7f7f80
  9. #7f7f80
  10. #808080
  11. #808080

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

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

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

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

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

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

Gray
#7b7d7f  rgb(123, 125, 127)  hsl(210, 2%, 49%)  Gray
#7f7d7b  rgb(127, 125, 123)  hsl(30, 2%, 49%)  Gray
#7f7b7d  rgb(127, 123, 125)  hsl(330, 2%, 49%)  Gray
#7d7f7b  rgb(125, 127, 123)  hsl(90, 2%, 49%)  Battleship Gray