#577AAA

#577aaa ≈ Glaucous

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

#577aaa “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 34.12% लाल, 47.84% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 48.82% सियान, 28.24% मैजेंटा, 0% पीला और 33.33% काला लगता है। HSL में इसका ह्यू कोण 214.7°, संतृप्ति 32.81% और चमक 50.39% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.77:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 3.34।

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

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

शेड

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

  1. #577aaa
  2. #4e6e99
  3. #466288
  4. #3d5577
  5. #344966
  6. #2c3d55
  7. #233144
  8. #1a2533
  9. #111822
  10. #090c11
  11. #000000

टिंट

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

  1. #577aaa
  2. #6887b3
  3. #7995bb
  4. #89a2c4
  5. #9aafcc
  6. #abbdd5
  7. #bccadd
  8. #cdd7e6
  9. #dde4ee
  10. #eef2f7
  11. #ffffff

टोन

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

  1. #577aaa
  2. #5b7ba6
  3. #5f7ba2
  4. #637c9d
  5. #677c99
  6. #6c7d95
  7. #707e91
  8. #747e8d
  9. #787f88
  10. #7c7f84
  11. #808080

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

अक्रोमैटोप्सिया #787878 ≈ 0.003% पुरुष
अक्रोमैटोमली #6c798f ≈ 0.001% पुरुष
प्रोटानोपिया #677dac ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5e75a9 ≈ 1.27% पुरुष
ट्राइटानोपिया #33858b ≈ 0.0001% पुरुष
प्रोटानोमली #617cab ≈ 1.08% पुरुष
ड्यूटेरानोमली #5b77a9 ≈ 4.63% पुरुष
ट्राइटानोमली #448098 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-577aaa {
  color: #577aaa;
}
बैकग्राउंड
.bg-577aaa {
  background-color: #577aaa;
  color: #000000;
}
बॉर्डर
.border-577aaa {
  border: 2px solid #577aaa;
}
CSS वेरिएबल
:root {
  --color-primary: #577aaa;
  --color-primary-rgb: 87 122 170;
  --color-primary-hsl: 215 33% 50%;
}
ग्रेडिएंट
.gradient-577aaa {
  background: linear-gradient(135deg, #577aaa, #5d57aa);
}
रंगीन छाया
.shadow-577aaa {
  box-shadow: 0 8px 24px rgb(87 122 170 / 0.35);
}

Glaucous
#577aaa  rgb(87, 122, 170)  hsl(215, 33%, 50%)  Glaucous
#aa8757  rgb(170, 135, 87)  hsl(35, 33%, 50%)  Camel
#aa577a  rgb(170, 87, 122)  hsl(335, 33%, 50%)  Mulberry
#7aaa57  rgb(122, 170, 87)  hsl(95, 33%, 50%)  Asparagus