#4E63A1

#4e63a1 ≈ Queen Blue

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

#4e63a1 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 30.59% लाल, 38.82% हरे और 63.14% नीले से बना है; CMYK प्रिंट में इसमें 51.55% सियान, 38.51% मैजेंटा, 0% पीला और 36.86% काला लगता है। HSL में इसका ह्यू कोण 224.82°, संतृप्ति 34.73% और चमक 46.86% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.8:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Queen Blue (#436b95) है, ΔE 5.8।

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

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

शेड

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

  1. #4e63a1
  2. #465991
  3. #3e4f81
  4. #374571
  5. #2f3b61
  6. #273251
  7. #1f2840
  8. #171e30
  9. #101420
  10. #080a10
  11. #000000

टिंट

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

  1. #4e63a1
  2. #6073aa
  3. #7182b4
  4. #8392bd
  5. #95a1c7
  6. #a7b1d0
  7. #b8c1d9
  8. #cad0e3
  9. #dce0ec
  10. #edeff6
  11. #ffffff

टोन

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

  1. #4e63a1
  2. #53669e
  3. #58699a
  4. #5d6c97
  5. #626f94
  6. #677291
  7. #6c748d
  8. #71778a
  9. #767a87
  10. #7b7d83
  11. #808080

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

अक्रोमैटोप्सिया #656565 ≈ 0.003% पुरुष
अक्रोमैटोमली #5d6481 ≈ 0.001% पुरुष
प्रोटानोपिया #4b69a3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4262a0 ≈ 1.27% पुरुष
ट्राइटानोपिया #29707a ≈ 0.0001% पुरुष
प्रोटानोमली #4c67a2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #4762a0 ≈ 4.63% पुरुष
ट्राइटानोमली #3b6b8b ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Queen Blue
#4e63a1  rgb(78, 99, 161)  hsl(225, 35%, 47%)  Queen Blue
#a18c4e  rgb(161, 140, 78)  hsl(45, 35%, 47%)  Camel
#a14e63  rgb(161, 78, 99)  hsl(345, 35%, 47%)  Mauve Taupe
#63a14e  rgb(99, 161, 78)  hsl(105, 35%, 47%)  Asparagus