#503DB7

#503db7 ≈ Ocean Blue

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

#503db7 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 31.37% लाल, 23.92% हरे और 71.76% नीले से बना है; CMYK प्रिंट में इसमें 56.28% सियान, 66.67% मैजेंटा, 0% पीला और 28.24% काला लगता है। HSL में इसका ह्यू कोण 249.34°, संतृप्ति 50% और चमक 47.84% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 7.8:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ocean Blue (#4f42b5) है, ΔE 1.44।

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

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

शेड

#503db7 में धीरे-धीरे काला मिलाया गया।

  1. #503db7
  2. #4837a5
  3. #403192
  4. #382b80
  5. #30256e
  6. #281f5c
  7. #201849
  8. #181237
  9. #100c25
  10. #080612
  11. #000000

टिंट

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

  1. #503db7
  2. #6250be
  3. #7364c5
  4. #8577cd
  5. #968bd4
  6. #a89edb
  7. #b9b1e2
  8. #cbc5e9
  9. #dcd8f1
  10. #eeecf8
  11. #ffffff

टोन

#503db7 में धीरे-धीरे ग्रे मिलाया गया।

  1. #503db7
  2. #5544b2
  3. #5a4aac
  4. #5e51a7
  5. #6358a1
  6. #685f9c
  7. #6d6596
  8. #726c91
  9. #76738b
  10. #7b7986
  11. #808080

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

अक्रोमैटोप्सिया #525252 ≈ 0.003% पुरुष
अक्रोमैटोमली #514b86 ≈ 0.001% पुरुष
प्रोटानोपिया #0056bb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #004eb5 ≈ 1.27% पुरुष
ट्राइटानोपिया #1d5c75 ≈ 0.0001% पुरुष
प्रोटानोमली #1b4db9 ≈ 1.08% पुरुष
ड्यूटेरानोमली #1848b6 ≈ 4.63% पुरुष
ट्राइटानोमली #385194 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-503db7 {
  color: #503db7;
}
बैकग्राउंड
.bg-503db7 {
  background-color: #503db7;
  color: #ffffff;
}
बॉर्डर
.border-503db7 {
  border: 2px solid #503db7;
}
CSS वेरिएबल
:root {
  --color-primary: #503db7;
  --color-primary-rgb: 80 61 183;
  --color-primary-hsl: 249 50% 48%;
}
ग्रेडिएंट
.gradient-503db7 {
  background: linear-gradient(135deg, #503db7, #8d3db7);
}
रंगीन छाया
.shadow-503db7 {
  box-shadow: 0 8px 24px rgb(80 61 183 / 0.35);
}

Ocean Blue
#503db7  rgb(80, 61, 183)  hsl(249, 50%, 48%)  Ocean Blue
#a4b73d  rgb(164, 183, 61)  hsl(69, 50%, 48%)  Apple Green
#b7503d  rgb(183, 80, 61)  hsl(9, 50%, 48%)  Persian Red
#3db750  rgb(61, 183, 80)  hsl(129, 50%, 48%)  Mantis