#9FDFCA

#9fdfca ≈ Seafoam Green

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

#9fdfca “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 62.35% लाल, 87.45% हरे और 79.22% नीले से बना है; CMYK प्रिंट में इसमें 28.7% सियान, 0% मैजेंटा, 9.42% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 160.31°, संतृप्ति 50% और चमक 74.9% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.88:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Seafoam Green (#9fe2bf) है, ΔE 4.31।

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

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

शेड

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

  1. #9fdfca
  2. #8fc9b6
  3. #7fb2a2
  4. #6f9c8d
  5. #5f8679
  6. #507065
  7. #405951
  8. #30433d
  9. #202d28
  10. #101614
  11. #000000

टिंट

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

  1. #9fdfca
  2. #a9e2cf
  3. #b2e5d5
  4. #bce9da
  5. #c5ecdf
  6. #cfefe5
  7. #d9f2ea
  8. #e2f5ef
  9. #ecf9f4
  10. #f5fcfa
  11. #ffffff

टोन

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

  1. #9fdfca
  2. #9cd6c3
  3. #99ccbb
  4. #96c3b4
  5. #93b9ac
  6. #90b0a5
  7. #8ca69e
  8. #899d96
  9. #86938f
  10. #838a87
  11. #808080

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

अक्रोमैटोप्सिया #d2d2d2 ≈ 0.003% पुरुष
अक्रोमैटोमली #c0d7cf ≈ 0.001% पुरुष
प्रोटानोपिया #dbd7c9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d0cfcb ≈ 1.27% पुरुष
ट्राइटानोपिया #8fe0d9 ≈ 0.0001% पुरुष
प्रोटानोमली #c6dac9 ≈ 1.08% पुरुष
ड्यूटेरानोमली #bed5cb ≈ 4.63% पुरुष
ट्राइटानोमली #95e0d3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-9fdfca {
  color: #9fdfca;
}
बैकग्राउंड
.bg-9fdfca {
  background-color: #9fdfca;
  color: #000000;
}
बॉर्डर
.border-9fdfca {
  border: 2px solid #9fdfca;
}
CSS वेरिएबल
:root {
  --color-primary: #9fdfca;
  --color-primary-rgb: 159 223 202;
  --color-primary-hsl: 160 50% 75%;
}
ग्रेडिएंट
.gradient-9fdfca {
  background: linear-gradient(135deg, #9fdfca, #9fd4df);
}
रंगीन छाया
.shadow-9fdfca {
  box-shadow: 0 8px 24px rgb(159 223 202 / 0.35);
}

Seafoam Green
#9fdfca  rgb(159, 223, 202)  hsl(160, 50%, 75%)  Seafoam Green
#df9fb4  rgb(223, 159, 180)  hsl(340, 50%, 75%)  Nadeshiko Pink
#ca9fdf  rgb(202, 159, 223)  hsl(280, 50%, 75%)  Wisteria
#dfca9f  rgb(223, 202, 159)  hsl(40, 50%, 75%)  Wheat