#5657BC

#5657BC

Color Values

HEX

#5657BC

RGB

86, 87, 188

HSL

239.4, 43.2%, 53.7%

HSV

239.4, 54.3%, 73.7%

CMYK

54.3%, 53.7%, 0.0%, 26.3%

OKLCH

0.5103 0.1551 279.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5657BC

#BCBB56

Analogous

#568ABC

#8856BC

#5657BC

Triadic

#5657BC

#BC5657

#57BC56

Split Complementary

#5657BC

#BC8856

#8ABC56

Tetradic

#5657BC

#BC568A

#BCBB56

#56BC88

Color Blindness Simulation

Original

#5657BC

Protanopia

#5656A4

Deuteranopia

#56569E

Tritanopia

#56908C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #5657BC;
color: #5657BC;
border-color: #5657BC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCCEB
300
#A7A8DC
400
#7879C9
500
#484AB7
600
#3A3B92
700
#2E2F75
800
#24255B
900
#1E1E43
950
#13132A

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026