#4B49B0

Color Details

HEX
#4B49B0
RGB
rgb(75, 73, 176)
HSL
hsl(241, 41%, 49%)
CMYK
cmyk(57%, 59%, 0%, 31%)
Best text on this color #FFFFFF (CR 7.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b49b0
Contrast 2.88:1 Fail
White on #4b49b0
Contrast 7.29:1 AAA
#4b49b0 on Black
Contrast 2.88:1 Fail
#4b49b0 on White
Contrast 7.29:1 AAA

Tints & Shades

#6f6dc0
#9392d0
#b7b6df
#3c3a8d
#2d2c6a
#1e1d46

Complement & Analogous

#aeb04a
#7f4ab0
#4a7bb0

Triadic

#b04b4a
#4ab04b

Monochrome

#1e1d46 #2d2c6a #4b49b0 #9392d0 #b7b6df #dbdbef

Analogous

#4a7bb0 #80a3c8 #4b49b0 #996ec0 #7f4ab0 #663b8d

Complementary Mix

#2d2c6a #4b49b0 #9392d0 #aeb04a #cacc89 #717230

Nearby Colors

#4b49af
#4b49b1
#4b49a0
#4b49c0

Embed #4B49B0 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #4B49B0

#4B49B0 converts to RGB(75, 73, 176) and HSL(241, 41%, 49%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#4B49B0 FAQs

What is the RGB value of #4B49B0?
RGB: 75, 73, 176. Copy as CSS: rgb(75, 73, 176)
Is #4B49B0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4B49B0?
Complement: #aeb04a.
Does #4B49B0 have good contrast on white or black?
On white: 7.29:1 (AAA (normal text)). On black: 2.88:1 (Fails AA).