#51559F

#51559F

Color Values

HEX

#51559F

RGB

81, 85, 159

HSL

236.9, 32.5%, 47.1%

HSV

236.9, 49.1%, 62.4%

CMYK

49.1%, 46.5%, 0.0%, 37.6%

OKLCH

0.4829 0.1173 278.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#51559F

#9F9B51

Analogous

#517C9F

#74519F

#51559F

Triadic

#51559F

#9F5155

#559F51

Split Complementary

#51559F

#9F7451

#7C9F51

Tetradic

#51559F

#9F517C

#9F9B51

#519F74

Color Blindness Simulation

Original

#51559F

Protanopia

#53538D

Deuteranopia

#525289

Tritanopia

#517F7C

Achromatopsia

#595959

CSS Usage

background-color: #51559F;
color: #51559F;
border-color: #51559F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8285BF
500
#565AA9
600
#454887
700
#373A6C
800
#2B2D54
900
#22243F
950
#161728

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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