#4B46BA

#4b46ba ≈ Ocean Blue

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

#4b46ba “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 29.41% लाल, 27.45% हरे और 72.94% नीले से बना है; CMYK प्रिंट में इसमें 59.68% सियान, 62.37% मैजेंटा, 0% पीला और 27.06% काला लगता है। HSL में इसका ह्यू कोण 242.59°, संतृप्ति 45.67% और चमक 50.2% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 7.28:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ocean Blue (#4f42b5) है, ΔE 1.58।

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

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

शेड

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

  1. #4b46ba
  2. #443fa7
  3. #3c3895
  4. #353182
  5. #2d2a70
  6. #26235d
  7. #1e1c4a
  8. #171538
  9. #0f0e25
  10. #080713
  11. #000000

टिंट

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

  1. #4b46ba
  2. #5d59c1
  3. #6f6bc8
  4. #817ecf
  5. #9390d6
  6. #a5a3dd
  7. #b7b5e3
  8. #c9c8ea
  9. #dbdaf1
  10. #ededf8
  11. #ffffff

टोन

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

  1. #4b46ba
  2. #504cb4
  3. #5652ae
  4. #5b57a9
  5. #605da3
  6. #66639d
  7. #6b6997
  8. #706f91
  9. #75748c
  10. #7b7a86
  11. #808080

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

अक्रोमैटोप्सिया #575757 ≈ 0.003% पुरुष
अक्रोमैटोमली #52508a ≈ 0.001% पुरुष
प्रोटानोपिया #005bbe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #0052b8 ≈ 1.27% पुरुष
ट्राइटानोपिया #006379 ≈ 0.0001% पुरुष
प्रोटानोमली #1e53bc ≈ 1.08% पुरुष
ड्यूटेरानोमली #164db9 ≈ 4.63% पुरुष
ट्राइटानोमली #2c5997 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-4b46ba {
  color: #4b46ba;
}
बैकग्राउंड
.bg-4b46ba {
  background-color: #4b46ba;
  color: #ffffff;
}
बॉर्डर
.border-4b46ba {
  border: 2px solid #4b46ba;
}
CSS वेरिएबल
:root {
  --color-primary: #4b46ba;
  --color-primary-rgb: 75 70 186;
  --color-primary-hsl: 243 46% 50%;
}
ग्रेडिएंट
.gradient-4b46ba {
  background: linear-gradient(135deg, #4b46ba, #8546ba);
}
रंगीन छाया
.shadow-4b46ba {
  box-shadow: 0 8px 24px rgb(75 70 186 / 0.35);
}

Ocean Blue
#4b46ba  rgb(75, 70, 186)  hsl(243, 46%, 50%)  Ocean Blue
#b5ba46  rgb(181, 186, 70)  hsl(63, 46%, 50%)  Dark Khaki
#ba4b46  rgb(186, 75, 70)  hsl(3, 46%, 50%)  Persian Red
#46ba4b  rgb(70, 186, 75)  hsl(123, 46%, 50%)  Mantis