#5BDCA2

#5bdca2 ≈ Caribbean Green

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

#5bdca2 “हरा-नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 35.69% लाल, 86.27% हरे और 63.53% नीले से बना है; CMYK प्रिंट में इसमें 58.64% सियान, 0% मैजेंटा, 26.36% पीला और 13.73% काला लगता है। HSL में इसका ह्यू कोण 153.02°, संतृप्ति 64.82% और चमक 60.98% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.2:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Caribbean Green (#00cc99) है, ΔE 5.58।

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

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

शेड

#5bdca2 में धीरे-धीरे काला मिलाया गया।

  1. #5bdca2
  2. #52c692
  3. #49b082
  4. #409a71
  5. #378461
  6. #2e6e51
  7. #245841
  8. #1b4231
  9. #122c20
  10. #091610
  11. #000000

टिंट

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

  1. #5bdca2
  2. #6be0ab
  3. #7ce3b5
  4. #8ce7be
  5. #9deac7
  6. #adeed1
  7. #bdf1da
  8. #cef5e3
  9. #def8ec
  10. #effcf6
  11. #ffffff

टोन

#5bdca2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #5bdca2
  2. #5fd39f
  3. #62ca9b
  4. #66c098
  5. #6ab794
  6. #6eae91
  7. #71a58e
  8. #759c8a
  9. #799287
  10. #7c8983
  11. #808080

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

अक्रोमैटोप्सिया #c5c5c5 ≈ 0.003% पुरुष
अक्रोमैटोमली #a5cfb8 ≈ 0.001% पुरुष
प्रोटानोपिया #d9cd9f ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c7c0a6 ≈ 1.27% पुरुष
ट्राइटानोपिया #1cdbcc ≈ 0.0001% पुरुष
प्रोटानोमली #b4d3a0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a7cca4 ≈ 4.63% पुरुष
ट्राइटानोमली #3fdcbd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5bdca2 {
  color: #5bdca2;
}
बैकग्राउंड
.bg-5bdca2 {
  background-color: #5bdca2;
  color: #000000;
}
बॉर्डर
.border-5bdca2 {
  border: 2px solid #5bdca2;
}
CSS वेरिएबल
:root {
  --color-primary: #5bdca2;
  --color-primary-rgb: 91 220 162;
  --color-primary-hsl: 153 65% 61%;
}
ग्रेडिएंट
.gradient-5bdca2 {
  background: linear-gradient(135deg, #5bdca2, #5bd6dc);
}
रंगीन छाया
.shadow-5bdca2 {
  box-shadow: 0 8px 24px rgb(91 220 162 / 0.35);
}

Caribbean Green
#5bdca2  rgb(91, 220, 162)  hsl(153, 65%, 61%)  Caribbean Green
#dc5b95  rgb(220, 91, 149)  hsl(333, 65%, 61%)  Thulian Pink
#a25bdc  rgb(162, 91, 220)  hsl(273, 65%, 61%)  Amethyst
#dca25b  rgb(220, 162, 91)  hsl(33, 65%, 61%)  Indian Yellow