#5F41CC

Color Details

HEX
#5F41CC
RGB
rgb(95, 65, 204)
HSL
hsl(253, 58%, 53%)
CMYK
cmyk(53%, 68%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f41cc
Contrast 3.11:1 Fail
White on #5f41cc
Contrast 6.74:1 AA
#5f41cc on Black
Contrast 3.11:1 Fail
#5f41cc on White
Contrast 6.74:1 AA

Tints & Shades

#7f67d6
#9f8de0
#bfb3eb
#4c34a3
#39277a
#261a52

Complement & Analogous

#afcd42
#a542cd
#4269cd

Triadic

#cd6042
#42cd60

Monochrome

#261a52 #39277a #5f41cc #9f8de0 #bfb3eb #dfd9f5

Analogous

#4269cd #7b96dc #5f41cc #b768d7 #a542cd #8435a4

Complementary Mix

#39277a #5f41cc #9f8de0 #afcd42 #cbdf84 #72852b

Nearby Colors

#5f41cb
#5f41cd
#5f41bc
#5f41dc

Embed #5F41CC swatch

Embed this swatch

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

Open image

About #5F41CC

#5F41CC converts to RGB(95, 65, 204) and HSL(253, 58%, 53%). 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).

#5F41CC FAQs

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