#5CCDB0

#5ccdb0 ≈ Medium Aquamarine

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

#5ccdb0 “हरा-नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 36.08% लाल, 80.39% हरे और 69.02% नीले से बना है; CMYK प्रिंट में इसमें 55.12% सियान, 0% मैजेंटा, 14.15% पीला और 19.61% काला लगता है। HSL में इसका ह्यू कोण 164.6°, संतृप्ति 53.05% और चमक 58.24% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.81:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Medium Aquamarine (#66cdaa) है, ΔE 2.21।

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

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

शेड

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

  1. #5ccdb0
  2. #53b99e
  3. #4aa48d
  4. #40907b
  5. #377b6a
  6. #2e6758
  7. #255246
  8. #1c3e35
  9. #122923
  10. #091512
  11. #000000

टिंट

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

  1. #5ccdb0
  2. #6cd2b8
  3. #7dd7c0
  4. #8ddcc8
  5. #9de1d0
  6. #aee6d8
  7. #beebdf
  8. #cef0e7
  9. #def5ef
  10. #effaf7
  11. #ffffff

टोन

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

  1. #5ccdb0
  2. #60c5ab
  3. #63bea6
  4. #67b6a2
  5. #6aae9d
  6. #6ea798
  7. #729f93
  8. #75978e
  9. #798f8a
  10. #7c8885
  11. #808080

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

अक्रोमैटोप्सिया #bababa ≈ 0.003% पुरुष
अक्रोमैटोमली #9dc2b6 ≈ 0.001% पुरुष
प्रोटानोपिया #c7c1af ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b6b5b2 ≈ 1.27% पुरुष
ट्राइटानोपिया #19cfc4 ≈ 0.0001% पुरुष
प्रोटानोमली #a7c6af ≈ 1.08% पुरुष
ड्यूटेरानोमली #9abfb1 ≈ 4.63% पुरुष
ट्राइटानोमली #3ecebd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5ccdb0 {
  color: #5ccdb0;
}
बैकग्राउंड
.bg-5ccdb0 {
  background-color: #5ccdb0;
  color: #000000;
}
बॉर्डर
.border-5ccdb0 {
  border: 2px solid #5ccdb0;
}
CSS वेरिएबल
:root {
  --color-primary: #5ccdb0;
  --color-primary-rgb: 92 205 176;
  --color-primary-hsl: 165 53% 58%;
}
ग्रेडिएंट
.gradient-5ccdb0 {
  background: linear-gradient(135deg, #5ccdb0, #5cb2cd);
}
रंगीन छाया
.shadow-5ccdb0 {
  box-shadow: 0 8px 24px rgb(92 205 176 / 0.35);
}

Medium Aquamarine
#5ccdb0  rgb(92, 205, 176)  hsl(165, 53%, 58%)  Medium Aquamarine
#cd5c79  rgb(205, 92, 121)  hsl(345, 53%, 58%)  Blush
#b05ccd  rgb(176, 92, 205)  hsl(285, 53%, 58%)  Medium Orchid
#cdb05c  rgb(205, 176, 92)  hsl(45, 53%, 58%)  Vegas Gold