#A3B0BB

#a3b0bb ≈ Dark Gray

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

#a3b0bb “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 63.92% लाल, 69.02% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 12.83% सियान, 5.88% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 207.5°, संतृप्ति 15% और चमक 68.63% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.49:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Dark Gray (#a9a9a9) है, ΔE 6.88।

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

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

शेड

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

  1. #a3b0bb
  2. #939ea8
  3. #828d96
  4. #727b83
  5. #626a70
  6. #52585e
  7. #41464b
  8. #313538
  9. #212325
  10. #101213
  11. #000000

टिंट

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

  1. #a3b0bb
  2. #acb8c2
  3. #b5c0c9
  4. #bfc8cf
  5. #c8d0d6
  6. #d1d8dd
  7. #dadfe4
  8. #e3e7eb
  9. #edeff1
  10. #f6f7f8
  11. #ffffff

टोन

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

  1. #a3b0bb
  2. #a0abb5
  3. #9ca6af
  4. #99a2a9
  5. #959da3
  6. #92989e
  7. #8e9398
  8. #8b8e92
  9. #878a8c
  10. #848586
  11. #808080

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

अक्रोमैटोप्सिया #aeaeae ≈ 0.003% पुरुष
अक्रोमैटोमली #aaafb3 ≈ 0.001% पुरुष
प्रोटानोपिया #acb0bc ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a9adbb ≈ 1.27% पुरुष
ट्राइटानोपिया #9db3b3 ≈ 0.0001% पुरुष
प्रोटानोमली #a8b0bb ≈ 1.08% पुरुष
ड्यूटेरानोमली #a6aebb ≈ 4.63% पुरुष
ट्राइटानोमली #9fb2b6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Dark Gray
#a3b0bb  rgb(163, 176, 187)  hsl(208, 15%, 69%)  Dark Gray
#bbaea3  rgb(187, 174, 163)  hsl(28, 15%, 69%)  Silver Pink
#bba3b0  rgb(187, 163, 176)  hsl(328, 15%, 69%)  Pastel Purple
#b0bba3  rgb(176, 187, 163)  hsl(88, 15%, 69%)  Ash Gray