ColorTool
लॉग इन
#BCC8CC

#bcc8cc ≈ Pastel Blue

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

#bcc8cc “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 73.73% लाल, 78.43% हरे और 80% नीले से बना है; CMYK प्रिंट में इसमें 7.84% सियान, 1.96% मैजेंटा, 0% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 195°, संतृप्ति 13.56% और चमक 76.86% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.27:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 4.26।

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

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

पूरक

  1. #bcc8cc
  2. #ccc0bc

विभाजित पूरक

  1. #bcc8cc
  2. #ccbcc0
  3. #ccc8bc

समरूप

  1. #bcccc8
  2. #bcc8cc
  3. #bcc0cc

त्रिक

  1. #bcc8cc
  2. #ccbcc8
  3. #c8ccbc

चतुष्क

  1. #bcc8cc
  2. #c0bccc
  3. #ccc0bc
  4. #c8ccbc

वर्ग

  1. #bcc8cc
  2. #c8bccc
  3. #ccc0bc
  4. #c0ccbc

एकरंगी

  1. #678088
  2. #91a4ab
  3. #bcc8cc
  4. #e7eced
  5. #f3f5f6

शेड

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

  1. #bcc8cc
  2. #a9b4b8
  3. #96a0a3
  4. #848c8f
  5. #71787a
  6. #5e6466
  7. #4b5052
  8. #383c3d
  9. #262829
  10. #131414
  11. #000000

टिंट

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

  1. #bcc8cc
  2. #c3ced1
  3. #c9d3d6
  4. #d0d9db
  5. #d7dee0
  6. #dee4e6
  7. #e4e9eb
  8. #ebeff0
  9. #f2f4f5
  10. #f8fafa
  11. #ffffff

टोन

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

  1. #bcc8cc
  2. #b6c1c4
  3. #b0babd
  4. #aab2b5
  5. #a4abae
  6. #9ea4a6
  7. #989d9e
  8. #929697
  9. #8c8e8f
  10. #868788
  11. #808080

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

अक्रोमैटोप्सिया #c6c6c6 ≈ 0.003% पुरुष
अक्रोमैटोमली #c2c7c8 ≈ 0.001% पुरुष
प्रोटानोपिया #c5c7cc ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c3c5cc ≈ 1.27% पुरुष
ट्राइटानोपिया #b8c9c9 ≈ 0.0001% पुरुष
प्रोटानोमली #c2c7cc ≈ 1.08% पुरुष
ड्यूटेरानोमली #c0c6cc ≈ 4.63% पुरुष
ट्राइटानोमली #bac9ca ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#aec6cf Pastel Blue ΔE 4.26 #c0c0c0 Silver ΔE 5.50 #d3d3d3 Light Gray ΔE 6.20 #d3d3d3 Light Grey ΔE 6.20 #bcd4e6 Pale Aqua ΔE 6.58 #b2beb5 Ash Gray ΔE 7.17 #dcdcdc Gainsboro ΔE 7.49 #433733 उल्टा रंग #c6c6c6 ग्रेस्केल 

Pastel Blue
#bcc8cc  rgb(188, 200, 204)  hsl(195, 14%, 77%)  Pastel Blue
#ccc0bc  rgb(204, 192, 188)  hsl(15, 14%, 77%)  Silver
#ccbcc8  rgb(204, 188, 200)  hsl(315, 14%, 77%)  Languid Lavender
#c8ccbc  rgb(200, 204, 188)  hsl(75, 14%, 77%)  Ash Gray