#B3DCFF

#b3dcff ≈ Columbia Blue

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

#b3dcff “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 70.2% लाल, 86.27% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 29.8% सियान, 13.73% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 207.63°, संतृप्ति 100% और चमक 85.1% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.6:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Columbia Blue (#b9d9eb) है, ΔE 5.39।

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

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

शेड

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

  1. #b3dcff
  2. #a1c6e6
  3. #8fb0cc
  4. #7d9ab3
  5. #6b8499
  6. #5a6e80
  7. #485866
  8. #36424d
  9. #242c33
  10. #12161a
  11. #000000

टिंट

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

  1. #b3dcff
  2. #bbe0ff
  3. #c2e3ff
  4. #cae7ff
  5. #d1eaff
  6. #d9eeff
  7. #e1f1ff
  8. #e8f5ff
  9. #f0f8ff
  10. #f7fcff
  11. #ffffff

टोन

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

  1. #b3dcff
  2. #aed3f2
  3. #a9cae6
  4. #a4c0d9
  5. #9fb7cc
  6. #9aaec0
  7. #94a5b3
  8. #8f9ca6
  9. #8a9299
  10. #85898d
  11. #808080

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

अक्रोमैटोप्सिया #d7d7d7 ≈ 0.003% पुरुष
अक्रोमैटोमली #cad9e8 ≈ 0.001% पुरुष
प्रोटानोपिया #cedcff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4d4fe ≈ 1.27% पुरुष
ट्राइटानोपिया #9ce4e7 ≈ 0.0001% पुरुष
प्रोटानोमली #c4dcff ≈ 1.08% पुरुष
ड्यूटेरानोमली #bed7ff ≈ 4.63% पुरुष
ट्राइटानोमली #a6e1f1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Columbia Blue
#b3dcff  rgb(179, 220, 255)  hsl(208, 100%, 85%)  Columbia Blue
#ffd6b3  rgb(255, 214, 179)  hsl(28, 100%, 85%)  Light Apricot
#ffb3dc  rgb(255, 179, 220)  hsl(328, 100%, 85%)  Carnation Pink
#dcffb3  rgb(220, 255, 179)  hsl(88, 100%, 85%)  Tea Green