#5566EA

#5566ea ≈ Ultramarine Blue

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

#5566ea “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 33.33% लाल, 40% हरे और 91.76% नीले से बना है; CMYK प्रिंट में इसमें 63.68% सियान, 56.41% मैजेंटा, 0% पीला और 8.24% काला लगता है। HSL में इसका ह्यू कोण 233.15°, संतृप्ति 78.01% और चमक 62.55% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.69:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Ultramarine Blue (#4166f5) है, ΔE 2.28।

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

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

शेड

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

  1. #5566ea
  2. #4d5cd3
  3. #4452bb
  4. #3c47a4
  5. #333d8c
  6. #2b3375
  7. #22295e
  8. #1a1f46
  9. #11142f
  10. #090a17
  11. #000000

टिंट

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

  1. #5566ea
  2. #6675ec
  3. #7785ee
  4. #8894f0
  5. #99a3f2
  6. #aab3f5
  7. #bbc2f7
  8. #ccd1f9
  9. #dde0fb
  10. #eef0fd
  11. #ffffff

टोन

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

  1. #5566ea
  2. #5969df
  3. #5e6bd5
  4. #626eca
  5. #6670c0
  6. #6b73b5
  7. #6f76aa
  8. #7378a0
  9. #777b95
  10. #7c7d8b
  11. #808080

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

अक्रोमैटोप्सिया #747474 ≈ 0.003% पुरुष
अक्रोमैटोमली #696eb0 ≈ 0.001% पुरुष
प्रोटानोपिया #007bee ≈ 1.01% पुरुष
ड्यूटेरानोपिया #006de7 ≈ 1.27% पुरुष
ट्राइटानोपिया #00869e ≈ 0.0001% पुरुष
प्रोटानोमली #2e73ed ≈ 1.08% पुरुष
ड्यूटेरानोमली #1d6ae8 ≈ 4.63% पुरुष
ट्राइटानोमली #1a7ac1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5566ea {
  color: #5566ea;
}
बैकग्राउंड
.bg-5566ea {
  background-color: #5566ea;
  color: #ffffff;
}
बॉर्डर
.border-5566ea {
  border: 2px solid #5566ea;
}
CSS वेरिएबल
:root {
  --color-primary: #5566ea;
  --color-primary-rgb: 85 102 234;
  --color-primary-hsl: 233 78% 63%;
}
ग्रेडिएंट
.gradient-5566ea {
  background: linear-gradient(135deg, #5566ea, #8e55ea);
}
रंगीन छाया
.shadow-5566ea {
  box-shadow: 0 8px 24px rgb(85 102 234 / 0.35);
}

Ultramarine Blue
#5566ea  rgb(85, 102, 234)  hsl(233, 78%, 63%)  Ultramarine Blue
#ead955  rgb(234, 217, 85)  hsl(53, 78%, 63%)  Straw
#ea5566  rgb(234, 85, 102)  hsl(353, 78%, 63%)  Neon Fuchsia
#66ea55  rgb(102, 234, 85)  hsl(113, 78%, 63%)  Malachite