#55E8D2

#55e8d2 ≈ Turquoise

  • हरा-नीला
  • चमक: अधिक
  • संतृप्ति: तेज़
  • ठंडा

#55e8d2 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 33.33% लाल, 90.98% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 63.36% सियान, 0% मैजेंटा, 9.48% पीला और 9.02% काला लगता है। HSL में इसका ह्यू कोण 171.02°, संतृप्ति 76.17% और चमक 62.16% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.86:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Turquoise (#40e0d0) है, ΔE 2.73।

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

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

शेड

#55e8d2 में धीरे-धीरे काला मिलाया गया।

  1. #55e8d2
  2. #4dd1bd
  3. #44baa8
  4. #3ca293
  5. #338b7e
  6. #2b7469
  7. #225d54
  8. #1a463f
  9. #112e2a
  10. #091715
  11. #000000

टिंट

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

  1. #55e8d2
  2. #66ead7
  3. #77eddb
  4. #88efe0
  5. #99f1e4
  6. #aaf4e9
  7. #bbf6ed
  8. #ccf8f2
  9. #ddfaf6
  10. #eefdfb
  11. #ffffff

टोन

#55e8d2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #55e8d2
  2. #59deca
  3. #5ed3c2
  4. #62c9b9
  5. #66beb1
  6. #6bb4a9
  7. #6faaa1
  8. #739f99
  9. #779590
  10. #7c8a88
  11. #808080

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

अक्रोमैटोप्सिया #d2d2d2 ≈ 0.003% पुरुष
अक्रोमैटोमली #aedbd2 ≈ 0.001% पुरुष
प्रोटानोपिया #dedbd1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c9cbd4 ≈ 1.27% पुरुष
ट्राइटानोपिया #00ece1 ≈ 0.0001% पुरुष
प्रोटानोमली #b7e0d2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a7d7d3 ≈ 4.63% पुरुष
ट्राइटानोमली #00eadb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-55e8d2 {
  color: #55e8d2;
}
बैकग्राउंड
.bg-55e8d2 {
  background-color: #55e8d2;
  color: #000000;
}
बॉर्डर
.border-55e8d2 {
  border: 2px solid #55e8d2;
}
CSS वेरिएबल
:root {
  --color-primary: #55e8d2;
  --color-primary-rgb: 85 232 210;
  --color-primary-hsl: 171 76% 62%;
}
ग्रेडिएंट
.gradient-55e8d2 {
  background: linear-gradient(135deg, #55e8d2, #55b5e8);
}
रंगीन छाया
.shadow-55e8d2 {
  box-shadow: 0 8px 24px rgb(85 232 210 / 0.35);
}

Turquoise
#55e8d2  rgb(85, 232, 210)  hsl(171, 76%, 62%)  Turquoise
#e8556b  rgb(232, 85, 107)  hsl(351, 76%, 62%)  Neon Fuchsia
#d255e8  rgb(210, 85, 232)  hsl(291, 76%, 62%)  Medium Orchid
#e8d255  rgb(232, 210, 85)  hsl(51, 76%, 62%)  Naples Yellow