#7C8A8A

#7c8a8a ≈ Battleship Gray

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

#7c8a8a “धूसर” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 48.63% लाल, 54.12% हरे और 54.12% नीले से बना है; CMYK प्रिंट में इसमें 10.14% सियान, 0% मैजेंटा, 0% पीला और 45.88% काला लगता है। HSL में इसका ह्यू कोण 180°, संतृप्ति 5.65% और चमक 51.37% है। यह एक तटस्थ रंग है, जो अक्सर तटस्थता, संतुलन और पेशेवरता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बॉडी टेक्स्ट और टाइपोग्राफ़ी, कॉर्पोरेट पहचान और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.86:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Battleship Gray (#848482) है, ΔE 6.55।

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

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

शेड

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

  1. #7c8a8a
  2. #707c7c
  3. #636e6e
  4. #576161
  5. #4a5353
  6. #3e4545
  7. #323737
  8. #252929
  9. #191c1c
  10. #0c0e0e
  11. #000000

टिंट

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

  1. #7c8a8a
  2. #899696
  3. #96a1a1
  4. #a3adad
  5. #b0b9b9
  6. #bec5c5
  7. #cbd0d0
  8. #d8dcdc
  9. #e5e8e8
  10. #f2f3f3
  11. #ffffff

टोन

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

  1. #7c8a8a
  2. #7c8989
  3. #7d8888
  4. #7d8787
  5. #7e8686
  6. #7e8585
  7. #7e8484
  8. #7f8383
  9. #7f8282
  10. #808181
  11. #808080

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

अक्रोमैटोप्सिया #878787 ≈ 0.003% पुरुष
अक्रोमैटोमली #838888 ≈ 0.001% पुरुष
प्रोटानोपिया #88888a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #85868a ≈ 1.27% पुरुष
ट्राइटानोपिया #788b8a ≈ 0.0001% पुरुष
प्रोटानोमली #83898a ≈ 1.08% पुरुष
ड्यूटेरानोमली #82888a ≈ 4.63% पुरुष
ट्राइटानोमली #7a8b8a ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Battleship Gray
#7c8a8a  rgb(124, 138, 138)  hsl(180, 6%, 51%)  Battleship Gray
#8a7c7c  rgb(138, 124, 124)  hsl(0, 6%, 51%)  Taupe Gray
#8a7c8a  rgb(138, 124, 138)  hsl(300, 6%, 51%)  Mountbatten Pink
#8a8a7c  rgb(138, 138, 124)  hsl(60, 6%, 51%)  Battleship Gray