#A2FDFD

#a2fdfd ≈ Celeste

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

#a2fdfd “सियान” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 63.53% लाल, 99.22% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 35.97% सियान, 0% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 180°, संतृप्ति 95.79% और चमक 81.37% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Celeste (#b2ffff) है, ΔE 2।

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

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

शेड

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

  1. #a2fdfd
  2. #92e4e4
  3. #82caca
  4. #71b1b1
  5. #619898
  6. #517f7f
  7. #416565
  8. #314c4c
  9. #203333
  10. #101919
  11. #000000

टिंट

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

  1. #a2fdfd
  2. #abfdfd
  3. #b5fdfd
  4. #befefe
  5. #c7fefe
  6. #d1fefe
  7. #dafefe
  8. #e3fefe
  9. #ecffff
  10. #f6ffff
  11. #ffffff

टोन

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

  1. #a2fdfd
  2. #9ff1f1
  3. #9be4e4
  4. #98d8d8
  5. #94cbcb
  6. #91bfbf
  7. #8eb2b2
  8. #8aa6a6
  9. #879999
  10. #838d8d
  11. #808080

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

अक्रोमैटोप्सिया #ededed ≈ 0.003% पुरुष
अक्रोमैटोमली #d3f4f4 ≈ 0.001% पुरुष
प्रोटानोपिया #f2f5fd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e1e8fe ≈ 1.27% पुरुष
ट्राइटानोपिया #7cfffd ≈ 0.0001% पुरुष
प्रोटानोमली #d7f8fd ≈ 1.08% पुरुष
ड्यूटेरानोमली #cbf1fd ≈ 4.63% पुरुष
ट्राइटानोमली #8dfffd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Celeste
#a2fdfd  rgb(162, 253, 253)  hsl(180, 96%, 81%)  Celeste
#fda2a2  rgb(253, 162, 162)  hsl(0, 96%, 81%)  Salmon Pink
#fda2fd  rgb(253, 162, 253)  hsl(300, 96%, 81%)  Plum
#fdfda2  rgb(253, 253, 162)  hsl(60, 96%, 81%)  Pastel Yellow