#5161AE

#5161AE

Color Values

HEX

#5161AE

RGB

81, 97, 174

HSL

229.7, 36.5%, 50.0%

HSV

229.7, 53.4%, 68.2%

CMYK

53.4%, 44.3%, 0.0%, 31.8%

OKLCH

0.5172 0.1227 272.6

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5161AE

#AE9E51

Analogous

#518FAE

#7051AE

#5161AE

Triadic

#5161AE

#AE5161

#61AE51

Split Complementary

#5161AE

#AE7051

#8FAE51

Tetradic

#5161AE

#AE518F

#AE9E51

#51AE70

Color Blindness Simulation

Original

#5161AE

Protanopia

#58589B

Deuteranopia

#575697

Tritanopia

#528D89

Achromatopsia

#636363

CSS Usage

background-color: #5161AE;
color: #5161AE;
border-color: #5161AE;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CED3E8
300
#ABB3D8
400
#7E8AC3
500
#5161AE
600
#414E8B
700
#343E6F
800
#283057
900
#212640
950
#151829

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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