#B2BBD3

#b2bbd3 ≈ Light Steel Blue

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

#b2bbd3 “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 69.8% लाल, 73.33% हरे और 82.75% नीले से बना है; CMYK प्रिंट में इसमें 15.64% सियान, 11.37% मैजेंटा, 0% पीला और 17.25% काला लगता है। HSL में इसका ह्यू कोण 223.64°, संतृप्ति 27.27% और चमक 76.27% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.94:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Steel Blue (#b0c4de) है, ΔE 4.59।

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

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

शेड

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

  1. #b2bbd3
  2. #a0a8be
  3. #8e96a9
  4. #7d8394
  5. #6b707f
  6. #595e6a
  7. #474b54
  8. #35383f
  9. #24252a
  10. #121315
  11. #000000

टिंट

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

  1. #b2bbd3
  2. #bac2d7
  3. #c1c9dc
  4. #c9cfe0
  5. #d1d6e5
  6. #d9dde9
  7. #e0e4ed
  8. #e8ebf2
  9. #f0f1f6
  10. #f7f8fb
  11. #ffffff

टोन

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

  1. #b2bbd3
  2. #adb5cb
  3. #a8afc2
  4. #a3a9ba
  5. #9ea3b2
  6. #999eaa
  7. #9498a1
  8. #8f9299
  9. #8a8c91
  10. #858688
  11. #808080

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

अक्रोमैटोप्सिया #bbbbbb ≈ 0.003% पुरुष
अक्रोमैटोमली #b7bbc5 ≈ 0.001% पुरुष
प्रोटानोपिया #b4bdd4 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b2bad2 ≈ 1.27% पुरुष
ट्राइटानोपिया #aabfc3 ≈ 0.0001% पुरुष
प्रोटानोमली #b3bcd4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b2bad3 ≈ 4.63% पुरुष
ट्राइटानोमली #aebec9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-b2bbd3 {
  color: #b2bbd3;
}
बैकग्राउंड
.bg-b2bbd3 {
  background-color: #b2bbd3;
  color: #000000;
}
बॉर्डर
.border-b2bbd3 {
  border: 2px solid #b2bbd3;
}
CSS वेरिएबल
:root {
  --color-primary: #b2bbd3;
  --color-primary-rgb: 178 187 211;
  --color-primary-hsl: 224 27% 76%;
}
ग्रेडिएंट
.gradient-b2bbd3 {
  background: linear-gradient(135deg, #b2bbd3, #b9b2d3);
}
रंगीन छाया
.shadow-b2bbd3 {
  box-shadow: 0 8px 24px rgb(178 187 211 / 0.35);
}

Light Steel Blue
#b2bbd3  rgb(178, 187, 211)  hsl(224, 27%, 76%)  Light Steel Blue
#d3cab2  rgb(211, 202, 178)  hsl(44, 27%, 76%)  Bone
#d3b2bb  rgb(211, 178, 187)  hsl(344, 27%, 76%)  Silver Pink
#bbd3b2  rgb(187, 211, 178)  hsl(104, 27%, 76%)  Celadon