#515E8C

Color Details

HEX
#515E8C
RGB
rgb(81, 94, 140)
HSL
hsl(227, 27%, 43%)
CMYK
cmyk(42%, 33%, 0%, 45%)
Best text on this color #FFFFFF (CR 6.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #515e8c
Contrast 3.33:1 Fail
White on #515e8c
Contrast 6.31:1 AA
#515e8c on Black
Contrast 3.33:1 Fail
#515e8c on White
Contrast 6.31:1 AA

Tints & Shades

#747ea3
#979eba
#b9bfd1
#414b70
#313854
#202638

Complement & Analogous

#8b7e50
#61508b
#507a8b

Triadic

#8b505d
#5d8b50

Monochrome

#202638 #313854 #515e8c #979eba #b9bfd1 #dcdfe8

Analogous

#507a8b #85a2ae #515e8c #8173a2 #61508b #4e406f

Complementary Mix

#313854 #515e8c #979eba #8b7e50 #b4ab8d #5a5234

Nearby Colors

#515e8b
#515e8d
#515e7c
#515e9c

Embed #515E8C swatch

Embed this swatch

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

Open image

About #515E8C

#515E8C converts to RGB(81, 94, 140) and HSL(227, 27%, 43%). 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).

#515E8C FAQs

What is the RGB value of #515E8C?
RGB: 81, 94, 140. Copy as CSS: rgb(81, 94, 140)
Is #515E8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #515E8C?
Complement: #8b7e50.
Does #515E8C have good contrast on white or black?
On white: 6.31:1 (AA (normal text)). On black: 3.33:1 (AA (large text)).