#A7FBFA

#a7fbfa ≈ Celeste

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

#a7fbfa “सियान” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 65.49% लाल, 98.43% हरे और 98.04% नीले से बना है; CMYK प्रिंट में इसमें 33.47% सियान, 0% मैजेंटा, 0.4% पीला और 1.57% काला लगता है। HSL में इसका ह्यू कोण 179.29°, संतृप्ति 91.3% और चमक 81.96% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.82:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Celeste (#b2ffff) है, ΔE 1.51।

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

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

शेड

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

  1. #a7fbfa
  2. #96e2e1
  3. #86c9c8
  4. #75b0af
  5. #649796
  6. #547e7d
  7. #436464
  8. #324b4b
  9. #213232
  10. #111919
  11. #000000

टिंट

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

  1. #a7fbfa
  2. #b0fbfb
  3. #b9fcfb
  4. #c1fcfc
  5. #cafdfc
  6. #d3fdfd
  7. #dcfdfd
  8. #e5fefe
  9. #edfefe
  10. #f6ffff
  11. #ffffff

टोन

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

  1. #a7fbfa
  2. #a3efee
  3. #9fe2e2
  4. #9bd6d5
  5. #97cac9
  6. #94bebd
  7. #90b1b1
  8. #8ca5a5
  9. #889998
  10. #848c8c
  11. #808080

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

अक्रोमैटोप्सिया #ececec ≈ 0.003% पुरुष
अक्रोमैटोमली #d4f2f2 ≈ 0.001% पुरुष
प्रोटानोपिया #f1f3fa ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e1e7fb ≈ 1.27% पुरुष
ट्राइटानोपिया #86fffa ≈ 0.0001% पुरुष
प्रोटानोमली #d7f6fa ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccf0fa ≈ 4.63% पुरुष
ट्राइटानोमली #95fefa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Celeste
#a7fbfa  rgb(167, 251, 250)  hsl(179, 91%, 82%)  Celeste
#fba7a8  rgb(251, 167, 168)  hsl(359, 91%, 82%)  Light Pink
#faa7fb  rgb(250, 167, 251)  hsl(299, 91%, 82%)  Plum
#fbfaa7  rgb(251, 250, 167)  hsl(59, 91%, 82%)  Pastel Yellow