#A4B2BD

#a4b2bd ≈ Pastel Blue

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

#a4b2bd “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 64.31% लाल, 69.8% हरे और 74.12% नीले से बना है; CMYK प्रिंट में इसमें 13.23% सियान, 5.82% मैजेंटा, 0% पीला और 25.88% काला लगता है। HSL में इसका ह्यू कोण 206.4°, संतृप्ति 15.92% और चमक 69.22% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.68:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 6.31।

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

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

शेड

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

  1. #a4b2bd
  2. #94a0aa
  3. #838e97
  4. #737d84
  5. #626b71
  6. #52595f
  7. #42474c
  8. #313539
  9. #212426
  10. #101213
  11. #000000

टिंट

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

  1. #a4b2bd
  2. #adbac4
  3. #b6c1ca
  4. #bfc9d1
  5. #c8d1d7
  6. #d2d9de
  7. #dbe0e5
  8. #e4e8eb
  9. #edf0f2
  10. #f6f7f8
  11. #ffffff

टोन

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

  1. #a4b2bd
  2. #a0adb7
  3. #9da8b1
  4. #99a3ab
  5. #969ea5
  6. #92999f
  7. #8e9498
  8. #8b8f92
  9. #878a8c
  10. #848586
  11. #808080

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

अक्रोमैटोप्सिया #b0b0b0 ≈ 0.003% पुरुष
अक्रोमैटोमली #abb1b5 ≈ 0.001% पुरुष
प्रोटानोपिया #aeb2be ≈ 1.01% पुरुष
ड्यूटेरानोपिया #aaafbd ≈ 1.27% पुरुष
ट्राइटानोपिया #9eb5b5 ≈ 0.0001% पुरुष
प्रोटानोमली #aab2bd ≈ 1.08% पुरुष
ड्यूटेरानोमली #a8b0bd ≈ 4.63% पुरुष
ट्राइटानोमली #a0b4b8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Pastel Blue
#a4b2bd  rgb(164, 178, 189)  hsl(206, 16%, 69%)  Pastel Blue
#bdafa4  rgb(189, 175, 164)  hsl(26, 16%, 69%)  Silver Pink
#bda4b2  rgb(189, 164, 178)  hsl(326, 16%, 69%)  Pastel Purple
#b2bda4  rgb(178, 189, 164)  hsl(86, 16%, 69%)  Ash Gray