#574AE0

#574AE0

Color Values

HEX

#574AE0

RGB

87, 74, 224

HSL

245.2, 70.8%, 58.4%

HSV

245.2, 67.0%, 87.8%

CMYK

61.2%, 67.0%, 0.0%, 12.2%

OKLCH

0.5176 0.2181 279.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#574AE0

#D3E04A

Analogous

#4A88E0

#A24AE0

#574AE0

Triadic

#574AE0

#E0574A

#4AE057

Split Complementary

#574AE0

#E0A24A

#88E04A

Tetradic

#574AE0

#E04A88

#D3E04A

#4AE0A2

Color Blindness Simulation

Original

#574AE0

Protanopia

#5151BC

Deuteranopia

#5253B3

Tritanopia

#569F99

Achromatopsia

#585858

CSS Usage

background-color: #574AE0;
color: #574AE0;
border-color: #574AE0;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C6C2F5
300
#9E96ED
400
#695EE3
500
#3525DA
600
#2A1EAE
700
#22188B
800
#1A136D
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026