#A2E7FA

#a2e7fa ≈ Non-Photo Blue

  • सियान
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • ठंडा

#a2e7fa “सियान” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 63.53% लाल, 90.59% हरे और 98.04% नीले से बना है; CMYK प्रिंट में इसमें 35.2% सियान, 7.6% मैजेंटा, 0% पीला और 1.96% काला लगता है। HSL में इसका ह्यू कोण 192.95°, संतृप्ति 89.8% और चमक 80.78% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.35:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Non-Photo Blue (#a4dded) है, ΔE 2.69।

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

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

शेड

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

  1. #a2e7fa
  2. #92d0e1
  3. #82b9c8
  4. #71a2af
  5. #618b96
  6. #51747d
  7. #415c64
  8. #31454b
  9. #202e32
  10. #101719
  11. #000000

टिंट

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

  1. #a2e7fa
  2. #abe9fb
  3. #b5ecfb
  4. #beeefc
  5. #c7f1fc
  6. #d1f3fd
  7. #daf5fd
  8. #e3f8fe
  9. #ecfafe
  10. #f6fdff
  11. #ffffff

टोन

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

  1. #a2e7fa
  2. #9fddee
  3. #9bd2e2
  4. #98c8d5
  5. #94bec9
  6. #91b4bd
  7. #8ea9b1
  8. #8a9fa5
  9. #879598
  10. #838a8c
  11. #808080

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

अक्रोमैटोप्सिया #dcdcdc ≈ 0.003% पुरुष
अक्रोमैटोमली #c8e1e9 ≈ 0.001% पुरुष
प्रोटानोपिया #dae3fb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ccd8fa ≈ 1.27% पुरुष
ट्राइटानोपिया #82eeed ≈ 0.0001% पुरुष
प्रोटानोमली #c6e4fb ≈ 1.08% पुरुष
ड्यूटेरानोमली #bddefa ≈ 4.63% पुरुष
ट्राइटानोमली #90ebf2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Non-Photo Blue
#a2e7fa  rgb(162, 231, 250)  hsl(193, 90%, 81%)  Non-Photo Blue
#fab5a2  rgb(250, 181, 162)  hsl(13, 90%, 81%)  Melon
#faa2e7  rgb(250, 162, 231)  hsl(313, 90%, 81%)  Plum
#e7faa2  rgb(231, 250, 162)  hsl(73, 90%, 81%)  Pastel Yellow