#3B49B0

Color Details

HEX
#3B49B0
RGB
rgb(59, 73, 176)
HSL
hsl(233, 50%, 46%)
CMYK
cmyk(66%, 59%, 0%, 31%)
Best text on this color #FFFFFF (CR 7.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b49b0
Contrast 2.77:1 Fail
White on #3b49b0
Contrast 7.59:1 AAA
#3b49b0 on Black
Contrast 2.77:1 Fail
#3b49b0 on White
Contrast 7.59:1 AAA

Tints & Shades

#626dc0
#8992d0
#b1b6df
#2f3a8d
#232c6a
#181d46

Complement & Analogous

#b0a23b
#683bb0
#3b83b0

Triadic

#b03b48
#48b03b

Monochrome

#181d46 #232c6a #3b49b0 #8992d0 #b1b6df #d8dbef

Analogous

#3b83b0 #76a8c8 #3b49b0 #8662c0 #683bb0 #532f8d

Complementary Mix

#232c6a #3b49b0 #8992d0 #b0a23b #ccc380 #726926

Nearby Colors

#3b49af
#3b49b1
#3b49a0
#3b49c0

Embed #3B49B0 swatch

Embed this swatch

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

Open image

About #3B49B0

#3B49B0 converts to RGB(59, 73, 176) and HSL(233, 50%, 46%). 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).

#3B49B0 FAQs

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