#574A8C

Color Details

HEX
#574A8C
RGB
rgb(87, 74, 140)
HSL
hsl(252, 31%, 42%)
CMYK
cmyk(38%, 47%, 0%, 45%)
Best text on this color #FFFFFF (CR 7.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #574a8c
Contrast 2.76:1 Fail
White on #574a8c
Contrast 7.60:1 AAA
#574a8c on Black
Contrast 2.76:1 Fail
#574a8c on White
Contrast 7.60:1 AAA

Tints & Shades

#796ea3
#9a92ba
#bcb7d1
#463b70
#342c54
#231e38

Complement & Analogous

#7f8c4a
#784a8c
#4a5e8c

Triadic

#8c574a
#4a8c57

Monochrome

#231e38 #342c54 #574a8c #9a92ba #bcb7d1 #dddbe8

Analogous

#4a5e8c #808eaf #574a8c #936ea3 #784a8c #603b70

Complementary Mix

#342c54 #574a8c #9a92ba #7f8c4a #acb489 #535b30

Nearby Colors

#574a8b
#574a8d
#574a7c
#574a9c

Embed #574A8C swatch

Embed this swatch

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

Open image

About #574A8C

#574A8C converts to RGB(87, 74, 140) and HSL(252, 31%, 42%). 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).

#574A8C FAQs

What is the RGB value of #574A8C?
RGB: 87, 74, 140. Copy as CSS: rgb(87, 74, 140)
Is #574A8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #574A8C?
Complement: #7f8c4a.
Does #574A8C have good contrast on white or black?
On white: 7.60:1 (AAA (normal text)). On black: 2.76:1 (Fails AA).