ColorTool
लॉग इन
#5FD8A2

#5fd8a2 ≈ Medium Aquamarine

  • हरा-नीला
  • चमक: मध्यम
  • संतृप्ति: मध्यम
  • संतुलित
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#5fd8a2 “हरा-नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 37.25% लाल, 84.71% हरे और 63.53% नीले से बना है; CMYK प्रिंट में इसमें 56.02% सियान, 0% मैजेंटा, 25% पीला और 15.29% काला लगता है। HSL में इसका ह्यू कोण 153.22°, संतृप्ति 60.8% और चमक 60.98% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.83:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Medium Aquamarine (#66cdaa) है, ΔE 5.05।

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

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

पूरक

  1. #5fd8a2
  2. #d85f95

विभाजित पूरक

  1. #5fd8a2
  2. #d85fd2
  3. #d8655f

समरूप

  1. #5fd865
  2. #5fd8a2
  3. #5fd2d8

त्रिक

  1. #5fd8a2
  2. #a25fd8
  3. #d8a25f

चतुष्क

  1. #5fd8a2
  2. #5f95d8
  3. #d85f95
  4. #d8a25f

वर्ग

  1. #5fd8a2
  2. #655fd8
  3. #d85f95
  4. #d2d85f

एकरंगी

  1. #1f7f54
  2. #2ebd7d
  3. #5fd8a2
  4. #9de7c6
  5. #daf6ea

शेड

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

  1. #5fd8a2
  2. #56c292
  3. #4cad82
  4. #439771
  5. #398261
  6. #306c51
  7. #265641
  8. #1d4131
  9. #132b20
  10. #0a1610
  11. #000000

टिंट

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

  1. #5fd8a2
  2. #6fdcab
  3. #7fe0b5
  4. #8fe4be
  5. #9fe8c7
  6. #afecd1
  7. #bfefda
  8. #cff3e3
  9. #dff7ec
  10. #effbf6
  11. #ffffff

टोन

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

  1. #5fd8a2
  2. #62cf9f
  3. #66c69b
  4. #69be98
  5. #6cb594
  6. #70ac91
  7. #73a38e
  8. #769a8a
  9. #799287
  10. #7d8983
  11. #808080

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

अक्रोमैटोप्सिया #c2c2c2 ≈ 0.003% पुरुष
अक्रोमैटोमली #a4cbb6 ≈ 0.001% पुरुष
प्रोटानोपिया #d5ca9f ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4bda5 ≈ 1.27% पुरुष
ट्राइटानोपिया #2dd8c9 ≈ 0.0001% पुरुष
प्रोटानोमली #b2d0a0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a5c9a4 ≈ 4.63% पुरुष
ट्राइटानोमली #46d8bb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#66cdaa Medium Aquamarine ΔE 5.05 #00cc99 Caribbean Green ΔE 5.08 #50c878 Emerald ΔE 7.25 #9fe2bf Seafoam Green ΔE 8.10 #ace1af Celadon ΔE 9.48 #7fffd4 Aquamarine ΔE 9.51 #3eb489 Mint ΔE 9.59 #a0275d उल्टा रंग #c2c2c2 ग्रेस्केल 

Medium Aquamarine
#5fd8a2  rgb(95, 216, 162)  hsl(153, 61%, 61%)  Medium Aquamarine
#d85f95  rgb(216, 95, 149)  hsl(333, 61%, 61%)  Thulian Pink
#a25fd8  rgb(162, 95, 216)  hsl(273, 61%, 61%)  Amethyst
#d8a25f  rgb(216, 162, 95)  hsl(33, 61%, 61%)  Indian Yellow