#B2BEC8

#b2bec8 ≈ Pastel Blue

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

#b2bec8 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 69.8% लाल, 74.51% हरे और 78.43% नीले से बना है; CMYK प्रिंट में इसमें 11% सियान, 5% मैजेंटा, 0% पीला और 21.57% काला लगता है। HSL में इसका ह्यू कोण 207.27°, संतृप्ति 16.67% और चमक 74.12% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.09:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 4.87।

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

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

शेड

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

  1. #b2bec8
  2. #a0abb4
  3. #8e98a0
  4. #7d858c
  5. #6b7278
  6. #595f64
  7. #474c50
  8. #35393c
  9. #242628
  10. #121314
  11. #000000

टिंट

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

  1. #b2bec8
  2. #bac5ce
  3. #c1cbd3
  4. #c9d2d9
  5. #d1d8de
  6. #d9dfe4
  7. #e0e5e9
  8. #e8ecef
  9. #f0f2f4
  10. #f7f9fa
  11. #ffffff

टोन

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

  1. #b2bec8
  2. #adb8c1
  3. #a8b2ba
  4. #a3abb2
  5. #9ea5ab
  6. #999fa4
  7. #94999d
  8. #8f9396
  9. #8a8c8e
  10. #858687
  11. #808080

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

अक्रोमैटोप्सिया #bcbcbc ≈ 0.003% पुरुष
अक्रोमैटोमली #b8bdc1 ≈ 0.001% पुरुष
प्रोटानोपिया #babec9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b7bbc8 ≈ 1.27% पुरुष
ट्राइटानोपिया #adc0c1 ≈ 0.0001% पुरुष
प्रोटानोमली #b7bec8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b5bcc8 ≈ 4.63% पुरुष
ट्राइटानोमली #afbfc4 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Pastel Blue
#b2bec8  rgb(178, 190, 200)  hsl(207, 17%, 74%)  Pastel Blue
#c8bcb2  rgb(200, 188, 178)  hsl(27, 17%, 74%)  Silver
#c8b2be  rgb(200, 178, 190)  hsl(327, 17%, 74%)  Silver Pink
#bec8b2  rgb(190, 200, 178)  hsl(87, 17%, 74%)  Ash Gray