#3B58E3

Color Details

HEX
#3B58E3
RGB
rgb(59, 88, 227)
HSL
hsl(230, 75%, 56%)
CMYK
cmyk(74%, 61%, 0%, 11%)
Best text on this color #FFFFFF (CR 5.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b58e3
Contrast 3.69:1 Fail
White on #3b58e3
Contrast 5.69:1 AA
#3b58e3 on Black
Contrast 3.69:1 Fail
#3b58e3 on White
Contrast 5.69:1 AA

Tints & Shades

#6279e9
#899bee
#b1bcf4
#2f46b6
#233588
#18235b

Complement & Analogous

#e3c73b
#733be3
#3babe3

Triadic

#e33b57
#57e33b

Monochrome

#18235b #233588 #3b58e3 #899bee #b1bcf4 #d8def9

Analogous

#3babe3 #76c4eb #3b58e3 #8f62e9 #733be3 #5c2fb6

Complementary Mix

#233588 #3b58e3 #899bee #e3c73b #eddb80 #948126

Nearby Colors

#3b58e2
#3b58e4
#3b58d3
#3b58f3

Embed #3B58E3 swatch

Embed this swatch

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

Open image

About #3B58E3

#3B58E3 converts to RGB(59, 88, 227) and HSL(230, 75%, 56%). 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).

#3B58E3 FAQs

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