#51669F

#51669F

Color Values

HEX

#51669F

RGB

81, 102, 159

HSL

223.8, 32.5%, 47.1%

HSV

223.8, 49.1%, 62.4%

CMYK

49.1%, 35.8%, 0.0%, 37.6%

OKLCH

0.5191 0.094 267.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#51669F

#9F8A51

Analogous

#518D9F

#63519F

#51669F

Triadic

#51669F

#9F5166

#669F51

Split Complementary

#51669F

#9F6351

#8D9F51

Tetradic

#51669F

#9F518D

#9F8A51

#519F63

Color Blindness Simulation

Original

#51669F

Protanopia

#5A5A91

Deuteranopia

#59578E

Tritanopia

#528684

Achromatopsia

#666666

CSS Usage

background-color: #51669F;
color: #51669F;
border-color: #51669F;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB9D6
400
#8293BF
500
#566CA9
600
#455787
700
#37456C
800
#2B3654
900
#222A3F
950
#161A28

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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