#5145CC

Color Details

HEX
#5145CC
RGB
rgb(81, 69, 204)
HSL
hsl(245, 57%, 54%)
CMYK
cmyk(60%, 66%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5145cc
Contrast 3.07:1 Fail
White on #5145cc
Contrast 6.83:1 AA
#5145cc on Black
Contrast 3.07:1 Fail
#5145cc on White
Contrast 6.83:1 AA

Tints & Shades

#746ad6
#978fe0
#b9b5eb
#4137a3
#31297a
#201c52

Complement & Analogous

#c1cd47
#9547cd
#477fcd

Triadic

#cd5247
#47cd52

Monochrome

#201c52 #31297a #5145cc #978fe0 #b9b5eb #dcdaf5

Analogous

#477fcd #7ea5dc #5145cc #aa6cd7 #9547cd #7739a4

Complementary Mix

#31297a #5145cc #978fe0 #c1cd47 #d7df87 #7d852e

Nearby Colors

#5145cb
#5145cd
#5145bc
#5145dc

Embed #5145CC swatch

Embed this swatch

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

Open image

About #5145CC

#5145CC converts to RGB(81, 69, 204) and HSL(245, 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).

#5145CC FAQs

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