#5945CC

Color Details

HEX
#5945CC
RGB
rgb(89, 69, 204)
HSL
hsl(249, 57%, 54%)
CMYK
cmyk(56%, 66%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5945cc
Contrast 3.15:1 Fail
White on #5945cc
Contrast 6.67:1 AA
#5945cc on Black
Contrast 3.15:1 Fail
#5945cc on White
Contrast 6.67:1 AA

Tints & Shades

#7a6ad6
#9b8fe0
#bdb5eb
#4737a3
#35297a
#241c52

Complement & Analogous

#b9cd47
#9e47cd
#4776cd

Triadic

#cd5b47
#47cd5b

Monochrome

#241c52 #35297a #5945cc #9b8fe0 #bdb5eb #dedaf5

Analogous

#4776cd #7e9fdc #5945cc #b16cd7 #9e47cd #7e39a4

Complementary Mix

#35297a #5945cc #9b8fe0 #b9cd47 #d2df87 #78852e

Nearby Colors

#5945cb
#5945cd
#5945bc
#5945dc

Embed #5945CC swatch

Embed this swatch

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

Open image

About #5945CC

#5945CC converts to RGB(89, 69, 204) and HSL(249, 57%, 54%). 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).

#5945CC FAQs

What is the RGB value of #5945CC?
RGB: 89, 69, 204. Copy as CSS: rgb(89, 69, 204)
Is #5945CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5945CC?
Complement: #b9cd47.
Does #5945CC have good contrast on white or black?
On white: 6.67:1 (AA (normal text)). On black: 3.15:1 (AA (large text)).