#B3D3C8

#b3d3c8 ≈ Opal

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

#b3d3c8 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 70.2% लाल, 82.75% हरे और 78.43% नीले से बना है; CMYK प्रिंट में इसमें 15.17% सियान, 0% मैजेंटा, 5.21% पीला और 17.25% काला लगता है। HSL में इसका ह्यू कोण 159.38°, संतृप्ति 26.67% और चमक 76.47% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.07:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Opal (#a8c3bc) है, ΔE 4.31।

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

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

शेड

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

  1. #b3d3c8
  2. #a1beb4
  3. #8fa9a0
  4. #7d948c
  5. #6b7f78
  6. #5a6a64
  7. #485450
  8. #363f3c
  9. #242a28
  10. #121514
  11. #000000

टिंट

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

  1. #b3d3c8
  2. #bbd7ce
  3. #c2dcd3
  4. #cae0d9
  5. #d1e5de
  6. #d9e9e4
  7. #e1ede9
  8. #e8f2ef
  9. #f0f6f4
  10. #f7fbfa
  11. #ffffff

टोन

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

  1. #b3d3c8
  2. #aecbc1
  3. #a9c2ba
  4. #a4bab2
  5. #9fb2ab
  6. #9aaaa4
  7. #94a19d
  8. #8f9996
  9. #8a918e
  10. #858887
  11. #808080

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

अक्रोमैटोप्सिया #cccccc ≈ 0.003% पुरुष
अक्रोमैटोमली #c2cfca ≈ 0.001% पुरुष
प्रोटानोपिया #d1cfc8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cbcac9 ≈ 1.27% पुरुष
ट्राइटानोपिया #acd4d0 ≈ 0.0001% पुरुष
प्रोटानोमली #c6d0c8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c2cec8 ≈ 4.63% पुरुष
ट्राइटानोमली #afd3cd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Opal
#b3d3c8  rgb(179, 211, 200)  hsl(159, 27%, 76%)  Opal
#d3b3be  rgb(211, 179, 190)  hsl(339, 27%, 76%)  Thistle
#c8b3d3  rgb(200, 179, 211)  hsl(279, 27%, 76%)  Thistle
#d3c8b3  rgb(211, 200, 179)  hsl(39, 27%, 76%)  Bone