#574BBD

#574BBD

Color Values

HEX

#574BBD

RGB

87, 75, 189

HSL

246.3, 46.3%, 51.8%

HSV

246.3, 60.3%, 74.1%

CMYK

54.0%, 60.3%, 0.0%, 25.9%

OKLCH

0.4903 0.1723 282.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#574BBD

#B1BD4B

Analogous

#4B78BD

#904BBD

#574BBD

Triadic

#574BBD

#BD574B

#4BBD57

Split Complementary

#574BBD

#BD904B

#78BD4B

Tetradic

#574BBD

#BD4B78

#B1BD4B

#4BBD90

Color Blindness Simulation

Original

#574BBD

Protanopia

#5252A1

Deuteranopia

#52539B

Tritanopia

#568C87

Achromatopsia

#565656

CSS Usage

background-color: #574BBD;
color: #574BBD;
border-color: #574BBD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEC
300
#ABA5DE
400
#7E75CC
500
#5144BB
600
#413795
700
#342C77
800
#28225D
900
#211C45
950
#15122B

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026