#3B74B9

Color Details

HEX
#3B74B9
RGB
rgb(59, 116, 185)
HSL
hsl(213, 52%, 48%)
CMYK
cmyk(68%, 37%, 0%, 27%)
Best text on this color #FFFFFF (CR 4.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b74b9
Contrast 4.38:1 Fail
White on #3b74b9
Contrast 4.79:1 AA
#3b74b9 on Black
Contrast 4.38:1 Fail
#3b74b9 on White
Contrast 4.79:1 AA

Tints & Shades

#6290c7
#89acd5
#b1c7e3
#2f5d94
#23466f
#182e4a

Complement & Analogous

#ba813b
#413bba
#3bb4ba

Triadic

#ba3b74
#74ba3b

Monochrome

#182e4a #23466f #3b74b9 #89acd5 #b1c7e3 #d8e3f1

Analogous

#3bb4ba #76cbcf #3b74b9 #6762c8 #413bba #342f95

Complementary Mix

#23466f #3b74b9 #89acd5 #ba813b #d2ad80 #795426

Nearby Colors

#3b74b8
#3b74ba
#3b74a9
#3b74c9

Embed #3B74B9 swatch

Embed this swatch

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

Open image

About #3B74B9

#3B74B9 converts to RGB(59, 116, 185) and HSL(213, 52%, 48%). 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).

#3B74B9 FAQs

What is the RGB value of #3B74B9?
RGB: 59, 116, 185. Copy as CSS: rgb(59, 116, 185)
Is #3B74B9 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3B74B9?
Complement: #ba813b.
Does #3B74B9 have good contrast on white or black?
On white: 4.79:1 (AA (normal text)). On black: 4.38:1 (AA (large text)).