#3B51F2

Color Details

HEX
#3B51F2
RGB
rgb(59, 81, 242)
HSL
hsl(233, 88%, 59%)
CMYK
cmyk(76%, 67%, 0%, 5%)
Best text on this color #FFFFFF (CR 5.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b51f2
Contrast 3.65:1 Fail
White on #3b51f2
Contrast 5.76:1 AA
#3b51f2 on Black
Contrast 3.65:1 Fail
#3b51f2 on White
Contrast 5.76:1 AA

Tints & Shades

#6274f5
#8997f7
#b1b9fa
#2f41c2
#233191
#182061

Complement & Analogous

#f2dd3a
#813af2
#3aacf2

Triadic

#f23a50
#50f23a

Monochrome

#182061 #233191 #3b51f2 #8997f7 #b1b9fa #d8dcfc

Analogous

#3aacf2 #75c5f6 #3b51f2 #9a61f5 #813af2 #672ec2

Complementary Mix

#233191 #3b51f2 #8997f7 #f2dd3a #f7e97f #9d9026

Nearby Colors

#3b51f1
#3b51f3
#3b51e2
#3b5202

Embed #3B51F2 swatch

Embed this swatch

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

Open image

About #3B51F2

#3B51F2 converts to RGB(59, 81, 242) and HSL(233, 88%, 59%). 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).

#3B51F2 FAQs

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