#5157BC

#5157BC

Color Values

HEX

#5157BC

RGB

81, 87, 188

HSL

236.6, 44.4%, 52.7%

HSV

236.6, 56.9%, 73.7%

CMYK

56.9%, 53.7%, 0.0%, 26.3%

OKLCH

0.5067 0.1562 276.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5157BC

#BCB651

Analogous

#518CBC

#8051BC

#5157BC

Triadic

#5157BC

#BC5157

#57BC51

Split Complementary

#5157BC

#BC8051

#8CBC51

Tetradic

#5157BC

#BC518C

#BCB651

#51BC80

Color Blindness Simulation

Original

#5157BC

Protanopia

#5454A4

Deuteranopia

#53539E

Tritanopia

#51908C

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A7AADD
400
#777CCB
500
#474DB8
600
#393E93
700
#2D3176
800
#23275C
900
#1D1F44
950
#12142B

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

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