#5F3DCC

Color Details

HEX
#5F3DCC
RGB
rgb(95, 61, 204)
HSL
hsl(254, 58%, 52%)
CMYK
cmyk(53%, 70%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f3dcc
Contrast 3.03:1 Fail
White on #5f3dcc
Contrast 6.94:1 AA
#5f3dcc on Black
Contrast 3.03:1 Fail
#5f3dcc on White
Contrast 6.94:1 AA

Tints & Shades

#7f64d6
#9f8be0
#bfb1eb
#4c31a3
#39257a
#261852

Complement & Analogous

#aacc3e
#a63ecc
#3e63cc

Triadic

#cc5f3e
#3ecc5f

Monochrome

#261852 #39257a #5f3dcc #9f8be0 #bfb1eb #dfd8f5

Analogous

#3e63cc #7892db #5f3dcc #b865d6 #a63ecc #8532a3

Complementary Mix

#39257a #5f3dcc #9f8be0 #aacc3e #c8de82 #6f8528

Nearby Colors

#5f3dcb
#5f3dcd
#5f3dbc
#5f3ddc

Embed #5F3DCC swatch

Embed this swatch

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

Open image

About #5F3DCC

#5F3DCC converts to RGB(95, 61, 204) and HSL(254, 58%, 52%). 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).

#5F3DCC FAQs

What is the RGB value of #5F3DCC?
RGB: 95, 61, 204. Copy as CSS: rgb(95, 61, 204)
Is #5F3DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5F3DCC?
Complement: #aacc3e.
Does #5F3DCC have good contrast on white or black?
On white: 6.94:1 (AA (normal text)). On black: 3.03:1 (AA (large text)).