ColorTool
लॉग इन
#9CD5BA

#9cd5ba ≈ Seafoam Green

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

#9cd5ba “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 61.18% लाल, 83.53% हरे और 72.94% नीले से बना है; CMYK प्रिंट में इसमें 26.76% सियान, 0% मैजेंटा, 12.68% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 151.58°, संतृप्ति 40.43% और चमक 72.35% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.64:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Seafoam Green (#9fe2bf) है, ΔE 3.62।

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

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

पूरक

  1. #9cd5ba
  2. #d59cb7

विभाजित पूरक

  1. #9cd5ba
  2. #d59cd3
  3. #d59d9c

समरूप

  1. #9cd59d
  2. #9cd5ba
  3. #9cd3d5

त्रिक

  1. #9cd5ba
  2. #ba9cd5
  3. #d5ba9c

चतुष्क

  1. #9cd5ba
  2. #9cb7d5
  3. #d59cb7
  4. #d5ba9c

वर्ग

  1. #9cd5ba
  2. #9d9cd5
  3. #d59cb7
  4. #d3d59c

एकरंगी

  1. #40986e
  2. #66be95
  3. #9cd5ba
  4. #d2ecdf
  5. #f1f9f5

शेड

#9cd5ba में धीरे-धीरे काला मिलाया गया।

  1. #9cd5ba
  2. #8cc0a7
  3. #7daa95
  4. #6d9582
  5. #5e8070
  6. #4e6b5d
  7. #3e554a
  8. #2f4038
  9. #1f2b25
  10. #101513
  11. #000000

टिंट

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

  1. #9cd5ba
  2. #a6d9c1
  3. #b0ddc8
  4. #bae2cf
  5. #c4e6d6
  6. #ceeadd
  7. #d7eee3
  8. #e1f2ea
  9. #ebf7f1
  10. #f5fbf8
  11. #ffffff

टोन

#9cd5ba में धीरे-धीरे ग्रे मिलाया गया।

  1. #9cd5ba
  2. #99cdb4
  3. #96c4ae
  4. #94bca9
  5. #91b3a3
  6. #8eab9d
  7. #8ba297
  8. #889a91
  9. #86918c
  10. #838986
  11. #808080

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

अक्रोमैटोप्सिया #c9c9c9 ≈ 0.003% पुरुष
अक्रोमैटोमली #b8cec3 ≈ 0.001% पुरुष
प्रोटानोपिया #d3cdb9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c9c6bc ≈ 1.27% पुरुष
ट्राइटानोपिया #90d5cd ≈ 0.0001% पुरुष
प्रोटानोमली #bfd0b9 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b9ccbb ≈ 4.63% पुरुष
ट्राइटानोमली #95d5c6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-9cd5ba {
  color: #9cd5ba;
}
बैकग्राउंड
.bg-9cd5ba {
  background-color: #9cd5ba;
  color: #000000;
}
बॉर्डर
.border-9cd5ba {
  border: 2px solid #9cd5ba;
}
CSS वेरिएबल
:root {
  --color-primary: #9cd5ba;
  --color-primary-rgb: 156 213 186;
  --color-primary-hsl: 152 40% 72%;
}
ग्रेडिएंट
.gradient-9cd5ba {
  background: linear-gradient(135deg, #9cd5ba, #9cd3d5);
}
रंगीन छाया
.shadow-9cd5ba {
  box-shadow: 0 8px 24px rgb(156 213 186 / 0.35);
}

#9fe2bf Seafoam Green ΔE 3.62 #aaf0d1 Magic Mint ΔE 6.10 #ace1af Celadon ΔE 7.09 #66cdaa Medium Aquamarine ΔE 7.17 #8fbc8f Dark Sea Green ΔE 8.92 #a8c3bc Opal ΔE 10.11 #a8e4a0 Granny Smith Apple ΔE 10.60 #632a45 उल्टा रंग #c9c9c9 ग्रेस्केल 

Seafoam Green
#9cd5ba  rgb(156, 213, 186)  hsl(152, 40%, 72%)  Seafoam Green
#d59cb7  rgb(213, 156, 183)  hsl(332, 40%, 72%)  Lilac
#ba9cd5  rgb(186, 156, 213)  hsl(272, 40%, 72%)  Wisteria
#d5ba9c  rgb(213, 186, 156)  hsl(32, 40%, 72%)  Tan