#5F56CC

Color Details

HEX
#5F56CC
RGB
rgb(95, 86, 204)
HSL
hsl(245, 54%, 57%)
CMYK
cmyk(53%, 58%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f56cc
Contrast 3.69:1 Fail
White on #5f56cc
Contrast 5.69:1 AA
#5f56cc on Black
Contrast 3.69:1 Fail
#5f56cc on White
Contrast 5.69:1 AA

Tints & Shades

#7f78d6
#9f9ae0
#bfbbeb
#4c45a3
#39347a
#262252

Complement & Analogous

#c3cd56
#9b56cd
#5687cd

Triadic

#cd6056
#56cd60

Monochrome

#262252 #39347a #5f56cc #9f9ae0 #bfbbeb #dfddf5

Analogous

#5687cd #89abdc #5f56cc #af78d7 #9b56cd #7c45a4

Complementary Mix

#39347a #5f56cc #9f9ae0 #c3cd56 #d8df91 #7f8538

Nearby Colors

#5f56cb
#5f56cd
#5f56bc
#5f56dc

Embed #5F56CC swatch

Embed this swatch

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

Open image

About #5F56CC

#5F56CC converts to RGB(95, 86, 204) and HSL(245, 54%, 57%). 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).

#5F56CC FAQs

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