#3B51F8

Color Details

HEX
#3B51F8
RGB
rgb(59, 81, 248)
HSL
hsl(233, 93%, 60%)
CMYK
cmyk(76%, 67%, 0%, 3%)
Best text on this color #FFFFFF (CR 5.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b51f8
Contrast 3.72:1 Fail
White on #3b51f8
Contrast 5.65:1 AA
#3b51f8 on Black
Contrast 3.72:1 Fail
#3b51f8 on White
Contrast 5.65:1 AA

Tints & Shades

#6274f9
#8997fb
#b1b9fc
#2f41c6
#233195
#182063

Complement & Analogous

#f8e23a
#833af8
#3aaff8

Triadic

#f83a50
#50f83a

Monochrome

#182063 #233195 #3b51f8 #8997fb #b1b9fc #d8dcfe

Analogous

#3aaff8 #75c7fa #3b51f8 #9c61f9 #833af8 #692ec6

Complementary Mix

#233195 #3b51f8 #8997fb #f8e23a #faec7f #a19326

Nearby Colors

#3b51f7
#3b51f9
#3b51e8
#3b5208

Embed #3B51F8 swatch

Embed this swatch

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

Open image

About #3B51F8

#3B51F8 converts to RGB(59, 81, 248) and HSL(233, 93%, 60%). 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).

#3B51F8 FAQs

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