#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026