#657B87

#657b87 ≈ Slate Gray

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

#657b87 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 39.61% लाल, 48.24% हरे और 52.94% नीले से बना है; CMYK प्रिंट में इसमें 25.19% सियान, 8.89% मैजेंटा, 0% पीला और 47.06% काला लगता है। HSL में इसका ह्यू कोण 201.18°, संतृप्ति 14.41% और चमक 46.27% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.74:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Slate Gray (#708090) है, ΔE 4.41।

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

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

शेड

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

  1. #657b87
  2. #5b6f7a
  3. #51626c
  4. #47565f
  5. #3d4a51
  6. #333e44
  7. #283136
  8. #1e2529
  9. #14191b
  10. #0a0c0e
  11. #000000

टिंट

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

  1. #657b87
  2. #748893
  3. #84959f
  4. #93a3ab
  5. #a3b0b7
  6. #b2bdc3
  7. #c1cacf
  8. #d1d7db
  9. #e0e5e7
  10. #f0f2f3
  11. #ffffff

टोन

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

  1. #657b87
  2. #687c86
  3. #6a7c86
  4. #6d7d85
  5. #707d84
  6. #737e84
  7. #757e83
  8. #787f82
  9. #7b7f81
  10. #7d8081
  11. #808080

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

अक्रोमैटोप्सिया #787878 ≈ 0.003% पुरुष
अक्रोमैटोमली #71797e ≈ 0.001% पुरुष
प्रोटानोपिया #757a88 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #707687 ≈ 1.27% पुरुष
ट्राइटानोपिया #5b7e7f ≈ 0.0001% पुरुष
प्रोटानोमली #6f7a87 ≈ 1.08% पुरुष
ड्यूटेरानोमली #6c7887 ≈ 4.63% पुरुष
ट्राइटानोमली #5f7d82 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Slate Gray
#657b87  rgb(101, 123, 135)  hsl(201, 14%, 46%)  Slate Gray
#877165  rgb(135, 113, 101)  hsl(21, 14%, 46%)  Beaver
#87657b  rgb(135, 101, 123)  hsl(321, 14%, 46%)  Mauve Taupe
#7b8765  rgb(123, 135, 101)  hsl(81, 14%, 46%)  Xanadu