#BAC8E9

#bac8e9 ≈ Light Steel Blue

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

#bac8e9 “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 72.94% लाल, 78.43% हरे और 91.37% नीले से बना है; CMYK प्रिंट में इसमें 20.17% सियान, 14.16% मैजेंटा, 0% पीला और 8.63% काला लगता है। HSL में इसका ह्यू कोण 222.13°, संतृप्ति 51.65% और चमक 82.16% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.53:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 4.19।

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

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

शेड

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

  1. #bac8e9
  2. #a7b4d2
  3. #95a0ba
  4. #828ca3
  5. #70788c
  6. #5d6475
  7. #4a505d
  8. #383c46
  9. #25282f
  10. #131417
  11. #000000

टिंट

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

  1. #bac8e9
  2. #c1ceeb
  3. #c8d3ed
  4. #cfd9f0
  5. #d6def2
  6. #dde4f4
  7. #e3e9f6
  8. #eaeff8
  9. #f1f4fb
  10. #f8fafd
  11. #ffffff

टोन

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

  1. #bac8e9
  2. #b4c1df
  3. #aebad4
  4. #a9b2ca
  5. #a3abbf
  6. #9da4b5
  7. #979daa
  8. #9196a0
  9. #8c8e95
  10. #86878b
  11. #808080

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

अक्रोमैटोप्सिया #c8c8c8 ≈ 0.003% पुरुष
अक्रोमैटोमली #c2c8d6 ≈ 0.001% पुरुष
प्रोटानोपिया #becaeb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bac6e8 ≈ 1.27% पुरुष
ट्राइटानोपिया #afced3 ≈ 0.0001% पुरुष
प्रोटानोमली #bdc9ea ≈ 1.08% पुरुष
ड्यूटेरानोमली #bac7e9 ≈ 4.63% पुरुष
ट्राइटानोमली #b3ccdc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Light Steel Blue
#bac8e9  rgb(186, 200, 233)  hsl(222, 52%, 82%)  Light Steel Blue
#e9dbba  rgb(233, 219, 186)  hsl(42, 52%, 82%)  Pearl
#e9bac8  rgb(233, 186, 200)  hsl(342, 52%, 82%)  Bubble Gum
#c8e9ba  rgb(200, 233, 186)  hsl(102, 52%, 82%)  Tea Green