#575BC6

#575BC6

Color Values

HEX

#575BC6

RGB

87, 91, 198

HSL

237.8, 49.3%, 55.9%

HSV

237.8, 56.1%, 77.6%

CMYK

56.1%, 54.0%, 0.0%, 22.4%

OKLCH

0.5257 0.1634 277.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#575BC6

#C6C257

Analogous

#5793C6

#8A57C6

#575BC6

Triadic

#575BC6

#C6575B

#5BC657

Split Complementary

#575BC6

#C68A57

#93C657

Tetradic

#575BC6

#C65793

#C6C257

#57C68A

Color Blindness Simulation

Original

#575BC6

Protanopia

#5959AC

Deuteranopia

#5858A6

Tritanopia

#579893

Achromatopsia

#626262

CSS Usage

background-color: #575BC6;
color: #575BC6;
border-color: #575BC6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACBED
300
#A4A6E0
400
#7276CF
500
#4145BE
600
#343798
700
#292C7A
800
#20235F
900
#1B1D46
950
#11122C

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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