#686F83

#686f83 ≈ Slate Gray

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

#686f83 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति लगभग शून्य है। RGB मॉडल में यह 40.78% लाल, 43.53% हरे और 51.37% नीले से बना है; CMYK प्रिंट में इसमें 20.61% सियान, 15.27% मैजेंटा, 0% पीला और 48.63% काला लगता है। HSL में इसका ह्यू कोण 224.44°, संतृप्ति 11.49% और चमक 46.08% है। यह एक तटस्थ रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.01:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Slate Gray (#708090) है, ΔE 7.97।

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

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

शेड

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

  1. #686f83
  2. #5e6476
  3. #535969
  4. #494e5c
  5. #3e434f
  6. #343842
  7. #2a2c34
  8. #1f2127
  9. #15161a
  10. #0a0b0d
  11. #000000

टिंट

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

  1. #686f83
  2. #777d8f
  3. #868c9c
  4. #959aa8
  5. #a4a9b5
  6. #b4b7c1
  7. #c3c5cd
  8. #d2d4da
  9. #e1e2e6
  10. #f0f1f3
  11. #ffffff

टोन

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

  1. #686f83
  2. #6a7183
  3. #6d7282
  4. #6f7482
  5. #727682
  6. #747882
  7. #767981
  8. #797b81
  9. #7b7d81
  10. #7e7e80
  11. #808080

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

अक्रोमैटोप्सिया #6f6f6f ≈ 0.003% पुरुष
अक्रोमैटोमली #6c6f78 ≈ 0.001% पुरुष
प्रोटानोपिया #697084 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #676e83 ≈ 1.27% पुरुष
ट्राइटानोपिया #627376 ≈ 0.0001% पुरुष
प्रोटानोमली #697084 ≈ 1.08% पुरुष
ड्यूटेरानोमली #676f83 ≈ 4.63% पुरुष
ट्राइटानोमली #64717b ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-686f83 {
  color: #686f83;
}
बैकग्राउंड
.bg-686f83 {
  background-color: #686f83;
  color: #ffffff;
}
बॉर्डर
.border-686f83 {
  border: 2px solid #686f83;
}
CSS वेरिएबल
:root {
  --color-primary: #686f83;
  --color-primary-rgb: 104 111 131;
  --color-primary-hsl: 224 11% 46%;
}
ग्रेडिएंट
.gradient-686f83 {
  background: linear-gradient(135deg, #686f83, #6f6883);
}
रंगीन छाया
.shadow-686f83 {
  box-shadow: 0 8px 24px rgb(104 111 131 / 0.35);
}

Slate Gray
#686f83  rgb(104, 111, 131)  hsl(224, 11%, 46%)  Slate Gray
#837c68  rgb(131, 124, 104)  hsl(44, 11%, 46%)  Battleship Gray
#83686f  rgb(131, 104, 111)  hsl(344, 11%, 46%)  Old Lavender
#6f8368  rgb(111, 131, 104)  hsl(104, 11%, 46%)  Xanadu