#574EF4

#574EF4

Color Values

HEX

#574EF4

RGB

87, 78, 244

HSL

243.3, 88.3%, 63.1%

HSV

243.3, 68.0%, 95.7%

CMYK

64.3%, 68.0%, 0.0%, 4.3%

OKLCH

0.5412 0.2379 277.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#574EF4

#EBF44E

Analogous

#4E98F4

#AA4EF4

#574EF4

Triadic

#574EF4

#F4574E

#4EF457

Split Complementary

#574EF4

#F4AA4E

#98F44E

Tetradic

#574EF4

#F44E98

#EBF44E

#4EF4AA

Color Blindness Simulation

Original

#574EF4

Protanopia

#5353CC

Deuteranopia

#5454C2

Tritanopia

#57ACA5

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#BFBCFB
300
#928CF8
400
#574DF4
500
#1B0FF0
600
#160CC0
700
#110A9A
800
#0E0778
900
#0E0A57
950
#090637

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8: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