#BCD2D2

#bcd2d2 ≈ Pastel Blue

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

#bcd2d2 “सियान” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 73.73% लाल, 82.35% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 10.48% सियान, 0% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 180°, संतृप्ति 19.64% और चमक 78.04% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.29:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 5.1।

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

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

शेड

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

  1. #bcd2d2
  2. #a9bdbd
  3. #96a8a8
  4. #849393
  5. #717e7e
  6. #5e6969
  7. #4b5454
  8. #383f3f
  9. #262a2a
  10. #131515
  11. #000000

टिंट

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

  1. #bcd2d2
  2. #c3d7d7
  3. #c9dbdb
  4. #d0e0e0
  5. #d7e4e4
  6. #dee9e9
  7. #e4eded
  8. #ebf2f2
  9. #f2f6f6
  10. #f8fbfb
  11. #ffffff

टोन

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

  1. #bcd2d2
  2. #b6caca
  3. #b0c2c2
  4. #aab9b9
  5. #a4b1b1
  6. #9ea9a9
  7. #98a1a1
  8. #929999
  9. #8c9090
  10. #868888
  11. #808080

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

अक्रोमैटोप्सिया #cecece ≈ 0.003% पुरुष
अक्रोमैटोमली #c7cfcf ≈ 0.001% पुरुष
प्रोटानोपिया #cfd0d2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #caccd2 ≈ 1.27% पुरुष
ट्राइटानोपिया #b6d4d2 ≈ 0.0001% पुरुष
प्रोटानोमली #c8d1d2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c5cfd2 ≈ 4.63% पुरुष
ट्राइटानोमली #b8d3d2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Pastel Blue
#bcd2d2  rgb(188, 210, 210)  hsl(180, 20%, 78%)  Pastel Blue
#d2bcbc  rgb(210, 188, 188)  hsl(0, 20%, 78%)  Silver Pink
#d2bcd2  rgb(210, 188, 210)  hsl(300, 20%, 78%)  Thistle
#d2d2bc  rgb(210, 210, 188)  hsl(60, 20%, 78%)  Bone