#5755BA

#5755BA

Color Values

HEX

#5755BA

RGB

87, 85, 186

HSL

241.2, 42.3%, 53.1%

HSV

241.2, 54.3%, 72.9%

CMYK

53.2%, 54.3%, 0.0%, 27.1%

OKLCH

0.5059 0.1549 280.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5755BA

#B8BA55

Analogous

#5585BA

#8955BA

#5755BA

Triadic

#5755BA

#BA5755

#55BA57

Split Complementary

#5755BA

#BA8955

#85BA55

Tetradic

#5755BA

#BA5585

#B8BA55

#55BA89

Color Blindness Simulation

Original

#5755BA

Protanopia

#5656A2

Deuteranopia

#56569C

Tritanopia

#578E8A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5755BA;
color: #5755BA;
border-color: #5755BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CDCCEA
300
#A9A8DC
400
#7A79C9
500
#4C4AB5
600
#3D3B91
700
#302F74
800
#26255B
900
#1F1E43
950
#13132A

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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