#BCC4DD

#bcc4dd ≈ Light Steel Blue

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

#bcc4dd “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 73.73% लाल, 76.86% हरे और 86.67% नीले से बना है; CMYK प्रिंट में इसमें 14.93% सियान, 11.31% मैजेंटा, 0% पीला और 13.33% काला लगता है। HSL में इसका ह्यू कोण 225.45°, संतृप्ति 32.67% और चमक 80.2% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.08:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 4.81।

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

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

शेड

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

  1. #bcc4dd
  2. #a9b0c7
  3. #969db1
  4. #84899b
  5. #717685
  6. #5e626f
  7. #4b4e58
  8. #383b42
  9. #26272c
  10. #131416
  11. #000000

टिंट

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

  1. #bcc4dd
  2. #c3cae0
  3. #c9d0e4
  4. #d0d6e7
  5. #d7dceb
  6. #dee2ee
  7. #e4e7f1
  8. #ebedf5
  9. #f2f3f8
  10. #f8f9fc
  11. #ffffff

टोन

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

  1. #bcc4dd
  2. #b6bdd4
  3. #b0b6ca
  4. #aab0c1
  5. #a4a9b8
  6. #9ea2af
  7. #989ba5
  8. #92949c
  9. #8c8e93
  10. #868789
  11. #808080

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

अक्रोमैटोप्सिया #c4c4c4 ≈ 0.003% पुरुष
अक्रोमैटोमली #c1c4cf ≈ 0.001% पुरुष
प्रोटानोपिया #bdc6de ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bbc3dc ≈ 1.27% पुरुष
ट्राइटानोपिया #b5c9cc ≈ 0.0001% पुरुष
प्रोटानोमली #bdc5de ≈ 1.08% पुरुष
ड्यूटेरानोमली #bbc3dd ≈ 4.63% पुरुष
ट्राइटानोमली #b8c7d3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-bcc4dd {
  color: #bcc4dd;
}
बैकग्राउंड
.bg-bcc4dd {
  background-color: #bcc4dd;
  color: #000000;
}
बॉर्डर
.border-bcc4dd {
  border: 2px solid #bcc4dd;
}
CSS वेरिएबल
:root {
  --color-primary: #bcc4dd;
  --color-primary-rgb: 188 196 221;
  --color-primary-hsl: 225 33% 80%;
}
ग्रेडिएंट
.gradient-bcc4dd {
  background: linear-gradient(135deg, #bcc4dd, #c5bcdd);
}
रंगीन छाया
.shadow-bcc4dd {
  box-shadow: 0 8px 24px rgb(188 196 221 / 0.35);
}

Light Steel Blue
#bcc4dd  rgb(188, 196, 221)  hsl(225, 33%, 80%)  Light Steel Blue
#ddd5bc  rgb(221, 213, 188)  hsl(45, 33%, 80%)  Pearl
#ddbcc4  rgb(221, 188, 196)  hsl(345, 33%, 80%)  Baby Pink
#c4ddbc  rgb(196, 221, 188)  hsl(105, 33%, 80%)  Tea Green