#5755AD

#5755AD

Color Values

HEX

#5755AD

RGB

87, 85, 173

HSL

241.4, 34.9%, 50.6%

HSV

241.4, 50.9%, 67.8%

CMYK

49.7%, 50.9%, 0.0%, 32.2%

OKLCH

0.4968 0.1366 281.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5755AD

#ABAD55

Analogous

#557FAD

#8355AD

#5755AD

Triadic

#5755AD

#AD5755

#55AD57

Split Complementary

#5755AD

#AD8355

#7FAD55

Tetradic

#5755AD

#AD557F

#ABAD55

#55AD83

Color Blindness Simulation

Original

#5755AD

Protanopia

#565698

Deuteranopia

#565693

Tritanopia

#578783

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5755AD;
color: #5755AD;
border-color: #5755AD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE8
300
#ADACD7
400
#8180C2
500
#5553AC
600
#44428A
700
#36356E
800
#2B2A56
900
#222140
950
#151528

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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