#4E7AA0

#4e7aa0 ≈ Steel Blue

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

#4e7aa0 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 30.59% लाल, 47.84% हरे और 62.75% नीले से बना है; CMYK प्रिंट में इसमें 51.25% सियान, 23.75% मैजेंटा, 0% पीला और 37.25% काला लगता है। HSL में इसका ह्यू कोण 207.8°, संतृप्ति 34.45% और चमक 46.67% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.62:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 3.92।

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

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

शेड

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

  1. #4e7aa0
  2. #466e90
  3. #3e6280
  4. #375570
  5. #2f4960
  6. #273d50
  7. #1f3140
  8. #172530
  9. #101820
  10. #080c10
  11. #000000

टिंट

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

  1. #4e7aa0
  2. #6087aa
  3. #7195b3
  4. #83a2bd
  5. #95afc6
  6. #a7bdd0
  7. #b8cad9
  8. #cad7e3
  9. #dce4ec
  10. #edf2f6
  11. #ffffff

टोन

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

  1. #4e7aa0
  2. #537b9d
  3. #587b9a
  4. #5d7c96
  5. #627c93
  6. #677d90
  7. #6c7e8d
  8. #717e8a
  9. #767f86
  10. #7b7f83
  11. #808080

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

अक्रोमैटोप्सिया #767676 ≈ 0.003% पुरुष
अक्रोमैटोमली #687889 ≈ 0.001% पुरुष
प्रोटानोपिया #6a7ba2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5f729f ≈ 1.27% पुरुष
ट्राइटानोपिया #248387 ≈ 0.0001% पुरुष
प्रोटानोमली #607aa1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5975a0 ≈ 4.63% पुरुष
ट्राइटानोमली #398092 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-4e7aa0 {
  color: #4e7aa0;
}
बैकग्राउंड
.bg-4e7aa0 {
  background-color: #4e7aa0;
  color: #000000;
}
बॉर्डर
.border-4e7aa0 {
  border: 2px solid #4e7aa0;
}
CSS वेरिएबल
:root {
  --color-primary: #4e7aa0;
  --color-primary-rgb: 78 122 160;
  --color-primary-hsl: 208 34% 47%;
}
ग्रेडिएंट
.gradient-4e7aa0 {
  background: linear-gradient(135deg, #4e7aa0, #4e51a0);
}
रंगीन छाया
.shadow-4e7aa0 {
  box-shadow: 0 8px 24px rgb(78 122 160 / 0.35);
}

Steel Blue
#4e7aa0  rgb(78, 122, 160)  hsl(208, 34%, 47%)  Steel Blue
#a0744e  rgb(160, 116, 78)  hsl(28, 34%, 47%)  Cafe au Lait
#a04e7a  rgb(160, 78, 122)  hsl(328, 34%, 47%)  Twilight Lavender
#7aa04e  rgb(122, 160, 78)  hsl(88, 34%, 47%)  Asparagus