#577FEA

#577FEA

Color Values

HEX

#577FEA

RGB

87, 127, 234

HSL

223,7, 77,8%, 62,9%

HSV

223,7, 62,8%, 91,8%

CMYK

62,8%, 45,7%, 0,0%, 8,2%

OKLCH

0,6207 0,1672 266,2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#577FEA

#EAC257

Analogous

#57C8EA

#7857EA

#577FEA

Triadic

#577FEA

#EA577F

#7FEA57

Split Complementary

#577FEA

#EA7857

#C8EA57

Tetradic

#577FEA

#EA57C8

#EAC257

#57EA78

Color Blindness Simulation

Original

#577FEA

Protanopia

#6869D0

Deuteranopia

#6663CA

Tritanopia

#59BCB7

Achromatopsia

#7E7E7E

CSS Usage

background-color: #577FEA;
color: #577FEA;
border-color: #577FEA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FC
100
#E1E8F9
200
#C0CFF7
300
#92ACF1
400
#577FEA
500
#1C52E3
600
#1742B5
700
#123591
800
#0E2971
900
#0F2152
950
#091534

Contrast Checker

Text on white

3,73:1

AA Fail AAA Fail

Text on black

5,63:1

AA Pass 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