#2AD5AA

#2ad5aa ≈ Caribbean Green

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

#2ad5aa “हरा-नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 16.47% लाल, 83.53% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 80.28% सियान, 0% मैजेंटा, 20.19% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 164.91°, संतृप्ति 67.06% और चमक 50% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.2:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Caribbean Green (#00cc99) है, ΔE 3.27।

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

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

शेड

#2ad5aa में धीरे-धीरे काला मिलाया गया।

  1. #2ad5aa
  2. #26c099
  3. #22aa88
  4. #1d9577
  5. #198066
  6. #156b55
  7. #115544
  8. #0d4033
  9. #082b22
  10. #041511
  11. #000000

टिंट

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

  1. #2ad5aa
  2. #3fd9b3
  3. #55ddbb
  4. #6ae2c4
  5. #7fe6cc
  6. #95ead5
  7. #aaeedd
  8. #bff2e6
  9. #d4f7ee
  10. #eafbf7
  11. #ffffff

टोन

#2ad5aa में धीरे-धीरे ग्रे मिलाया गया।

  1. #2ad5aa
  2. #33cda6
  3. #3bc4a2
  4. #44bc9d
  5. #4cb399
  6. #55ab95
  7. #5ea291
  8. #669a8d
  9. #6f9188
  10. #778984
  11. #808080

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

अक्रोमैटोप्सिया #bdbdbd ≈ 0.003% पुरुष
अक्रोमैटोमली #98c7b6 ≈ 0.001% पुरुष
प्रोटानोपिया #cfc6a8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bab7ad ≈ 1.27% पुरुष
ट्राइटानोपिया #00d7c9 ≈ 0.0001% पुरुष
प्रोटानोमली #a6cca9 ≈ 1.08% पुरुष
ड्यूटेरानोमली #96c4ac ≈ 4.63% पुरुष
ट्राइटानोमली #00d6bd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-2ad5aa {
  color: #2ad5aa;
}
बैकग्राउंड
.bg-2ad5aa {
  background-color: #2ad5aa;
  color: #000000;
}
बॉर्डर
.border-2ad5aa {
  border: 2px solid #2ad5aa;
}
CSS वेरिएबल
:root {
  --color-primary: #2ad5aa;
  --color-primary-rgb: 42 213 170;
  --color-primary-hsl: 165 67% 50%;
}
ग्रेडिएंट
.gradient-2ad5aa {
  background: linear-gradient(135deg, #2ad5aa, #2aabd5);
}
रंगीन छाया
.shadow-2ad5aa {
  box-shadow: 0 8px 24px rgb(42 213 170 / 0.35);
}

Caribbean Green
#2ad5aa  rgb(42, 213, 170)  hsl(165, 67%, 50%)  Caribbean Green
#d52a55  rgb(213, 42, 85)  hsl(345, 67%, 50%)  Raspberry
#aa2ad5  rgb(170, 42, 213)  hsl(285, 67%, 50%)  Dark Orchid
#d5aa2a  rgb(213, 170, 42)  hsl(45, 67%, 50%)  Metallic Gold