#656D86

#656d86 ≈ Slate Gray

  • नीला
  • चमक: मध्यम
  • संतृप्ति: हल्की
  • ठंडा

#656d86 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 39.61% लाल, 42.75% हरे और 52.55% नीले से बना है; CMYK प्रिंट में इसमें 24.63% सियान, 18.66% मैजेंटा, 0% पीला और 47.45% काला लगता है। HSL में इसका ह्यू कोण 225.45°, संतृप्ति 14.04% और चमक 46.08% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.14:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Slate Gray (#708090) है, ΔE 9.37।

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

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

शेड

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

  1. #656d86
  2. #5b6279
  3. #51576b
  4. #474c5e
  5. #3d4150
  6. #333743
  7. #282c36
  8. #1e2128
  9. #14161b
  10. #0a0b0d
  11. #000000

टिंट

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

  1. #656d86
  2. #747c92
  3. #848a9e
  4. #9399aa
  5. #a3a7b6
  6. #b2b6c3
  7. #c1c5cf
  8. #d1d3db
  9. #e0e2e7
  10. #f0f0f3
  11. #ffffff

टोन

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

  1. #656d86
  2. #686f85
  3. #6a7185
  4. #6d7384
  5. #707584
  6. #737783
  7. #757882
  8. #787a82
  9. #7b7c81
  10. #7d7e81
  11. #808080

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

अक्रोमैटोप्सिया #6d6d6d ≈ 0.003% पुरुष
अक्रोमैटोमली #6a6d78 ≈ 0.001% पुरुष
प्रोटानोपिया #666f87 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #636c85 ≈ 1.27% पुरुष
ट्राइटानोपिया #5d7275 ≈ 0.0001% पुरुष
प्रोटानोमली #656e87 ≈ 1.08% पुरुष
ड्यूटेरानोमली #646d86 ≈ 4.63% पुरुष
ट्राइटानोमली #60707c ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-656d86 {
  color: #656d86;
}
बैकग्राउंड
.bg-656d86 {
  background-color: #656d86;
  color: #ffffff;
}
बॉर्डर
.border-656d86 {
  border: 2px solid #656d86;
}
CSS वेरिएबल
:root {
  --color-primary: #656d86;
  --color-primary-rgb: 101 109 134;
  --color-primary-hsl: 225 14% 46%;
}
ग्रेडिएंट
.gradient-656d86 {
  background: linear-gradient(135deg, #656d86, #6e6586);
}
रंगीन छाया
.shadow-656d86 {
  box-shadow: 0 8px 24px rgb(101 109 134 / 0.35);
}

Slate Gray
#656d86  rgb(101, 109, 134)  hsl(225, 14%, 46%)  Slate Gray
#867e65  rgb(134, 126, 101)  hsl(45, 14%, 46%)  Battleship Gray
#86656d  rgb(134, 101, 109)  hsl(345, 14%, 46%)  Mauve Taupe
#6d8665  rgb(109, 134, 101)  hsl(105, 14%, 46%)  Xanadu