#3B51E0

Color Details

HEX
#3B51E0
RGB
rgb(59, 81, 224)
HSL
hsl(232, 73%, 55%)
CMYK
cmyk(74%, 64%, 0%, 12%)
Best text on this color #FFFFFF (CR 6.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b51e0
Contrast 3.44:1 Fail
White on #3b51e0
Contrast 6.11:1 AA
#3b51e0 on Black
Contrast 3.44:1 Fail
#3b51e0 on White
Contrast 6.11:1 AA

Tints & Shades

#6274e6
#8997ec
#b1b9f3
#2f41b3
#233186
#18205a

Complement & Analogous

#e0ca38
#7638e0
#38a3e0

Triadic

#e0384f
#4fe038

Monochrome

#18205a #233186 #3b51e0 #8997ec #b1b9f3 #d8dcf9

Analogous

#38a3e0 #74bfe9 #3b51e0 #9160e6 #7638e0 #5e2db3

Complementary Mix

#233186 #3b51e0 #8997ec #e0ca38 #ebdd7e #928324

Nearby Colors

#3b51df
#3b51e1
#3b51d0
#3b51f0

Embed #3B51E0 swatch

Embed this swatch

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

Open image

About #3B51E0

#3B51E0 converts to RGB(59, 81, 224) and HSL(232, 73%, 55%). 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).

#3B51E0 FAQs

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