#889AA6

#889aa6 ≈ Light Slate Gray

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

#889aa6 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 53.33% लाल, 60.39% हरे और 65.1% नीले से बना है; CMYK प्रिंट में इसमें 18.07% सियान, 7.23% मैजेंटा, 0% पीला और 34.9% काला लगता है। HSL में इसका ह्यू कोण 204°, संतृप्ति 14.42% और चमक 59.22% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.22:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Light Slate Gray (#778899) है, ΔE 6.52।

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

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

शेड

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

  1. #889aa6
  2. #7a8b95
  3. #6d7b85
  4. #5f6c74
  5. #525c64
  6. #444d53
  7. #363e42
  8. #292e32
  9. #1b1f21
  10. #0e0f11
  11. #000000

टिंट

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

  1. #889aa6
  2. #94a4af
  3. #a0aeb8
  4. #acb8c1
  5. #b8c2ca
  6. #c4cdd3
  7. #cfd7db
  8. #dbe1e4
  9. #e7ebed
  10. #f3f5f6
  11. #ffffff

टोन

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

  1. #889aa6
  2. #8797a2
  3. #86959e
  4. #86929b
  5. #859097
  6. #848d93
  7. #838a8f
  8. #82888b
  9. #828588
  10. #818384
  11. #808080

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

अक्रोमैटोप्सिया #979797 ≈ 0.003% पुरुष
अक्रोमैटोमली #91989d ≈ 0.001% पुरुष
प्रोटानोपिया #9599a7 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9196a6 ≈ 1.27% पुरुष
ट्राइटानोपिया #809d9e ≈ 0.0001% पुरुष
प्रोटानोमली #909aa6 ≈ 1.08% पुरुष
ड्यूटेरानोमली #8d98a6 ≈ 4.63% पुरुष
ट्राइटानोमली #839ca1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Light Slate Gray
#889aa6  rgb(136, 154, 166)  hsl(204, 14%, 59%)  Light Slate Gray
#a69488  rgb(166, 148, 136)  hsl(24, 14%, 59%)  Beaver
#a6889a  rgb(166, 136, 154)  hsl(324, 14%, 59%)  Mountbatten Pink
#9aa688  rgb(154, 166, 136)  hsl(84, 14%, 59%)  Asparagus