ColorTool
लॉग इन
#B5CCD2

#b5ccd2 ≈ Pastel Blue

  • सियान
  • चमक: अधिक
  • संतृप्ति: हल्की
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#b5ccd2 “सियान” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 70.98% लाल, 80% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 13.81% सियान, 2.86% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 192.41°, संतृप्ति 24.37% और चमक 76.67% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.53:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 2.01।

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

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

पूरक

  1. #b5ccd2
  2. #d2bbb5

विभाजित पूरक

  1. #b5ccd2
  2. #d2b5be
  3. #d2cab5

समरूप

  1. #b5d2ca
  2. #b5ccd2
  3. #b5bed2

त्रिक

  1. #b5ccd2
  2. #d2b5cc
  3. #ccd2b5

चतुष्क

  1. #b5ccd2
  2. #bbb5d2
  3. #d2bbb5
  4. #ccd2b5

वर्ग

  1. #b5ccd2
  2. #cab5d2
  3. #d2bbb5
  4. #bed2b5

एकरंगी

  1. #5a8894
  2. #85abb5
  3. #b5ccd2
  4. #e5edef
  5. #f2f6f7

शेड

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

  1. #b5ccd2
  2. #a3b8bd
  3. #91a3a8
  4. #7f8f93
  5. #6d7a7e
  6. #5b6669
  7. #485254
  8. #363d3f
  9. #24292a
  10. #121415
  11. #000000

टिंट

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

  1. #b5ccd2
  2. #bcd1d7
  3. #c4d6db
  4. #cbdbe0
  5. #d3e0e4
  6. #dae6e9
  7. #e1ebed
  8. #e9f0f2
  9. #f0f5f6
  10. #f8fafb
  11. #ffffff

टोन

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

  1. #b5ccd2
  2. #b0c4ca
  3. #aabdc2
  4. #a5b5b9
  5. #a0aeb1
  6. #9ba6a9
  7. #959ea1
  8. #909799
  9. #8b8f90
  10. #858888
  11. #808080

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

अक्रोमैटोप्सिया #c8c8c8 ≈ 0.003% पुरुष
अक्रोमैटोमली #c1cacc ≈ 0.001% पुरुष
प्रोटानोपिया #c7cad2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c2c6d2 ≈ 1.27% पुरुष
ट्राइटानोपिया #adcfce ≈ 0.0001% पुरुष
प्रोटानोमली #c0cbd2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #bdc9d2 ≈ 4.63% पुरुष
ट्राइटानोमली #b0cecf ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#aec6cf Pastel Blue ΔE 2.01 #b9d9eb Columbia Blue ΔE 5.60 #add8e6 Light Blue ΔE 5.64 #bcd4e6 Pale Aqua ΔE 5.66 #a8c3bc Opal ΔE 7.19 #b0e0e6 Powder Blue ΔE 7.61 #a4dded Non-Photo Blue ΔE 8.27 #4a332d उल्टा रंग #c8c8c8 ग्रेस्केल 

Pastel Blue
#b5ccd2  rgb(181, 204, 210)  hsl(192, 24%, 77%)  Pastel Blue
#d2bbb5  rgb(210, 187, 181)  hsl(12, 24%, 77%)  Silver Pink
#d2b5cc  rgb(210, 181, 204)  hsl(312, 24%, 77%)  Thistle
#ccd2b5  rgb(204, 210, 181)  hsl(72, 24%, 77%)  Pearl