ColorTool
लॉग इन
#77E4C2

#77e4c2 ≈ Seafoam Green

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

#77e4c2 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 46.67% लाल, 89.41% हरे और 76.08% नीले से बना है; CMYK प्रिंट में इसमें 47.81% सियान, 0% मैजेंटा, 14.91% पीला और 10.59% काला लगता है। HSL में इसका ह्यू कोण 161.28°, संतृप्ति 66.87% और चमक 68.04% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.66:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Seafoam Green (#9fe2bf) है, ΔE 5.48।

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

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

पूरक

  1. #77e4c2
  2. #e47799

विभाजित पूरक

  1. #77e4c2
  2. #e477d0
  3. #e48b77

समरूप

  1. #77e48b
  2. #77e4c2
  3. #77d0e4

त्रिक

  1. #77e4c2
  2. #c277e4
  3. #e4c277

चतुष्क

  1. #77e4c2
  2. #7799e4
  3. #e47799
  4. #e4c277

वर्ग

  1. #77e4c2
  2. #8b77e4
  3. #e47799
  4. #d0e477

एकरंगी

  1. #20a279
  2. #37d7a5
  3. #77e4c2
  4. #b7f1df
  5. #eefcf7

शेड

#77e4c2 में धीरे-धीरे काला मिलाया गया।

  1. #77e4c2
  2. #6bcdaf
  3. #5fb69b
  4. #53a088
  5. #478974
  6. #3c7261
  7. #305b4e
  8. #24443a
  9. #182e27
  10. #0c1713
  11. #000000

टिंट

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

  1. #77e4c2
  2. #85e7c8
  3. #92e9ce
  4. #a0ecd4
  5. #adefda
  6. #bbf2e1
  7. #c9f4e7
  8. #d6f7ed
  9. #e4faf3
  10. #f1fcf9
  11. #ffffff

टोन

#77e4c2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #77e4c2
  2. #78dabb
  3. #79d0b5
  4. #7ac6ae
  5. #7bbca8
  6. #7cb2a1
  7. #7ca89a
  8. #7d9e94
  9. #7e948d
  10. #7f8a87
  11. #808080

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

अक्रोमैटोप्सिया #d0d0d0 ≈ 0.003% पुरुष
अक्रोमैटोमली #b4d8cb ≈ 0.001% पुरुष
प्रोटानोपिया #dfd8c0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cdcbc4 ≈ 1.27% पुरुष
ट्राइटानोपिया #4ee5da ≈ 0.0001% पुरुष
प्रोटानोमली #beddc1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b1d6c3 ≈ 4.63% पुरुष
ट्राइटानोमली #61e5d1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-77e4c2 {
  color: #77e4c2;
}
बैकग्राउंड
.bg-77e4c2 {
  background-color: #77e4c2;
  color: #000000;
}
बॉर्डर
.border-77e4c2 {
  border: 2px solid #77e4c2;
}
CSS वेरिएबल
:root {
  --color-primary: #77e4c2;
  --color-primary-rgb: 119 228 194;
  --color-primary-hsl: 161 67% 68%;
}
ग्रेडिएंट
.gradient-77e4c2 {
  background: linear-gradient(135deg, #77e4c2, #77d0e4);
}
रंगीन छाया
.shadow-77e4c2 {
  box-shadow: 0 8px 24px rgb(119 228 194 / 0.35);
}

#9fe2bf Seafoam Green ΔE 5.48 #66cdaa Medium Aquamarine ΔE 5.57 #7fffd4 Aquamarine ΔE 5.90 #aaf0d1 Magic Mint ΔE 6.17 #40e0d0 Turquoise ΔE 7.16 #00cc99 Caribbean Green ΔE 9.11 #08e8de Bright Turquoise ΔE 9.60 #881b3d उल्टा रंग #d0d0d0 ग्रेस्केल 

Seafoam Green
#77e4c2  rgb(119, 228, 194)  hsl(161, 67%, 68%)  Seafoam Green
#e47799  rgb(228, 119, 153)  hsl(341, 67%, 68%)  Pale Violet Red
#c277e4  rgb(194, 119, 228)  hsl(281, 67%, 68%)  Floral Lavender
#e4c277  rgb(228, 194, 119)  hsl(41, 67%, 68%)  Topaz