#B2C8D2

#b2c8d2 ≈ Pastel Blue

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

#b2c8d2 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 69.8% लाल, 78.43% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 15.24% सियान, 4.76% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 198.75°, संतृप्ति 26.23% और चमक 76.08% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.09:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 1.16।

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

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

शेड

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

  1. #b2c8d2
  2. #a0b4bd
  3. #8ea0a8
  4. #7d8c93
  5. #6b787e
  6. #596469
  7. #475054
  8. #353c3f
  9. #24282a
  10. #121415
  11. #000000

टिंट

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

  1. #b2c8d2
  2. #baced7
  3. #c1d3db
  4. #c9d9e0
  5. #d1dee4
  6. #d9e4e9
  7. #e0e9ed
  8. #e8eff2
  9. #f0f4f6
  10. #f7fafb
  11. #ffffff

टोन

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

  1. #b2c8d2
  2. #adc1ca
  3. #a8bac2
  4. #a3b2b9
  5. #9eabb1
  6. #99a4a9
  7. #949da1
  8. #8f9699
  9. #8a8e90
  10. #858788
  11. #808080

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

अक्रोमैटोप्सिया #c4c4c4 ≈ 0.003% पुरुष
अक्रोमैटोमली #bdc6ca ≈ 0.001% पुरुष
प्रोटानोपिया #c3c7d3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bec3d2 ≈ 1.27% पुरुष
ट्राइटानोपिया #aacbcb ≈ 0.0001% पुरुष
प्रोटानोमली #bcc7d2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b9c5d2 ≈ 4.63% पुरुष
ट्राइटानोमली #adcace ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Pastel Blue
#b2c8d2  rgb(178, 200, 210)  hsl(199, 26%, 76%)  Pastel Blue
#d2bcb2  rgb(210, 188, 178)  hsl(19, 26%, 76%)  Silver Pink
#d2b2c8  rgb(210, 178, 200)  hsl(319, 26%, 76%)  Thistle
#c8d2b2  rgb(200, 210, 178)  hsl(79, 26%, 76%)  Tea Green