#587C8A

#587c8a ≈ Teal Blue

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

#587c8a “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 34.51% लाल, 48.63% हरे और 54.12% नीले से बना है; CMYK प्रिंट में इसमें 36.23% सियान, 10.14% मैजेंटा, 0% पीला और 45.88% काला लगता है। HSL में इसका ह्यू कोण 196.8°, संतृप्ति 22.12% और चमक 44.31% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.66:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Teal Blue (#367588) है, ΔE 5.86।

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

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

शेड

#587c8a में धीरे-धीरे काला मिलाया गया।

  1. #587c8a
  2. #4f707c
  3. #46636e
  4. #3e5761
  5. #354a53
  6. #2c3e45
  7. #233237
  8. #1a2529
  9. #12191c
  10. #090c0e
  11. #000000

टिंट

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

  1. #587c8a
  2. #698996
  3. #7996a1
  4. #8aa3ad
  5. #9bb0b9
  6. #acbec5
  7. #bccbd0
  8. #cdd8dc
  9. #dee5e8
  10. #eef2f3
  11. #ffffff

टोन

#587c8a में धीरे-धीरे ग्रे मिलाया गया।

  1. #587c8a
  2. #5c7c89
  3. #607d88
  4. #647d87
  5. #687e86
  6. #6c7e85
  7. #707e84
  8. #747f83
  9. #787f82
  10. #7c8081
  11. #808080

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

अक्रोमैटोप्सिया #777777 ≈ 0.003% पुरुष
अक्रोमैटोमली #6c797f ≈ 0.001% पुरुष
प्रोटानोपिया #747a8b ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6c748a ≈ 1.27% पुरुष
ट्राइटानोपिया #468080 ≈ 0.0001% पुरुष
प्रोटानोमली #6a7b8a ≈ 1.08% पुरुष
ड्यूटेरानोमली #65778a ≈ 4.63% पुरुष
ट्राइटानोमली #4e7f84 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Teal Blue
#587c8a  rgb(88, 124, 138)  hsl(197, 22%, 44%)  Teal Blue
#8a6658  rgb(138, 102, 88)  hsl(17, 22%, 44%)  Copper Rose
#8a587c  rgb(138, 88, 124)  hsl(317, 22%, 44%)  Twilight Lavender
#7c8a58  rgb(124, 138, 88)  hsl(77, 22%, 44%)  Moss Green