#574FAA

#574FAA

Color Values

HEX

#574FAA

RGB

87, 79, 170

HSL

245.3, 36.5%, 48.8%

HSV

245.3, 53.5%, 66.7%

CMYK

48.8%, 53.5%, 0.0%, 33.3%

OKLCH

0.4833 0.1409 283.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#574FAA

#A2AA4F

Analogous

#4F74AA

#844FAA

#574FAA

Triadic

#574FAA

#AA574F

#4FAA57

Split Complementary

#574FAA

#AA844F

#74AA4F

Tetradic

#574FAA

#AA4F74

#A2AA4F

#4FAA84

Color Blindness Simulation

Original

#574FAA

Protanopia

#545394

Deuteranopia

#54558F

Tritanopia

#57837F

Achromatopsia

#575757

CSS Usage

background-color: #574FAA;
color: #574FAA;
border-color: #574FAA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#AFABD8
400
#847EC3
500
#5951AE
600
#47418B
700
#39346F
800
#2D2857
900
#232140
950
#161529

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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