#B4EBFD

#b4ebfd ≈ Non-Photo Blue

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

#b4ebfd “सियान” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 70.59% लाल, 92.16% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 28.85% सियान, 7.11% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 194.79°, संतृप्ति 94.81% और चमक 84.9% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.24:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Non-Photo Blue (#a4dded) है, ΔE 3.42।

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

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

शेड

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

  1. #b4ebfd
  2. #a2d4e4
  3. #90bcca
  4. #7ea5b1
  5. #6c8d98
  6. #5a767f
  7. #485e65
  8. #36474c
  9. #242f33
  10. #121819
  11. #000000

टिंट

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

  1. #b4ebfd
  2. #bcedfd
  3. #c3effd
  4. #cbf1fe
  5. #d2f3fe
  6. #daf5fe
  7. #e1f7fe
  8. #e9f9fe
  9. #f0fbff
  10. #f8fdff
  11. #ffffff

टोन

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

  1. #b4ebfd
  2. #afe0f1
  3. #aad6e4
  4. #a4cbd8
  5. #9fc0cb
  6. #9ab6bf
  7. #95abb2
  8. #90a0a6
  9. #8a9599
  10. #858b8d
  11. #808080

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

अक्रोमैटोप्सिया #e2e2e2 ≈ 0.003% पुरुष
अक्रोमैटोमली #d1e6ed ≈ 0.001% पुरुष
प्रोटानोपिया #e0e7fe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d4defd ≈ 1.27% पुरुष
ट्राइटानोपिया #9cf1f0 ≈ 0.0001% पुरुष
प्रोटानोमली #d0e9fe ≈ 1.08% पुरुष
ड्यूटेरानोमली #c8e4fd ≈ 4.63% पुरुष
ट्राइटानोमली #a6eff6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Non-Photo Blue
#b4ebfd  rgb(180, 235, 253)  hsl(195, 95%, 85%)  Non-Photo Blue
#fdc6b4  rgb(253, 198, 180)  hsl(15, 95%, 85%)  Zinnwaldite
#fdb4eb  rgb(253, 180, 235)  hsl(315, 95%, 85%)  Plum
#ebfdb4  rgb(235, 253, 180)  hsl(75, 95%, 85%)  Pastel Yellow