#E2F8FA

#e2f8fa ≈ Azure

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

#e2f8fa “सियान” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 88.63% लाल, 97.25% हरे और 98.04% नीले से बना है; CMYK प्रिंट में इसमें 9.6% सियान, 0.8% मैजेंटा, 0% पीला और 1.96% काला लगता है। HSL में इसका ह्यू कोण 185°, संतृप्ति 70.59% और चमक 93.33% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.04:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Azure (#f0ffff) है, ΔE 2.92।

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

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

शेड

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

  1. #e2f8fa
  2. #cbdfe1
  3. #b5c6c8
  4. #9eaeaf
  5. #889596
  6. #717c7d
  7. #5a6364
  8. #444a4b
  9. #2d3232
  10. #171919
  11. #000000

टिंट

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

  1. #e2f8fa
  2. #e5f9fb
  3. #e8f9fb
  4. #ebfafc
  5. #eefbfc
  6. #f1fcfd
  7. #f3fcfd
  8. #f6fdfe
  9. #f9fefe
  10. #fcfeff
  11. #ffffff

टोन

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

  1. #e2f8fa
  2. #d8ecee
  3. #cee0e2
  4. #c5d4d5
  5. #bbc8c9
  6. #b1bcbd
  7. #a7b0b1
  8. #9da4a5
  9. #949898
  10. #8a8c8c
  11. #808080

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

अक्रोमैटोप्सिया #f4f4f4 ≈ 0.003% पुरुष
अक्रोमैटोमली #edf5f6 ≈ 0.001% पुरुष
प्रोटानोपिया #f4f6fa ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f0f2fa ≈ 1.27% पुरुष
ट्राइटानोपिया #dbfaf9 ≈ 0.0001% पुरुष
प्रोटानोमली #edf7fa ≈ 1.08% पुरुष
ड्यूटेरानोमली #eaf5fa ≈ 4.63% पुरुष
ट्राइटानोमली #def9f9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-e2f8fa {
  color: #e2f8fa;
}
बैकग्राउंड
.bg-e2f8fa {
  background-color: #e2f8fa;
  color: #000000;
}
बॉर्डर
.border-e2f8fa {
  border: 2px solid #e2f8fa;
}
CSS वेरिएबल
:root {
  --color-primary: #e2f8fa;
  --color-primary-rgb: 226 248 250;
  --color-primary-hsl: 185 71% 93%;
}
ग्रेडिएंट
.gradient-e2f8fa {
  background: linear-gradient(135deg, #e2f8fa, #e2ecfa);
}
रंगीन छाया
.shadow-e2f8fa {
  box-shadow: 0 8px 24px rgb(226 248 250 / 0.35);
}

Azure
#e2f8fa  rgb(226, 248, 250)  hsl(185, 71%, 93%)  Azure
#fae4e2  rgb(250, 228, 226)  hsl(5, 71%, 93%)  Misty Rose
#fae2f8  rgb(250, 226, 248)  hsl(305, 71%, 93%)  Languid Lavender
#f8fae2  rgb(248, 250, 226)  hsl(65, 71%, 93%)  Beige