#5183AD

#5183AD

Color Values

HEX

#5183AD

RGB

81, 131, 173

HSL

207.4, 36.2%, 49.8%

HSV

207.4, 53.2%, 67.8%

CMYK

53.2%, 24.3%, 0.0%, 32.2%

OKLCH

0.5921 0.0843 245.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5183AD

#AD7B51

Analogous

#51ADA9

#5155AD

#5183AD

Triadic

#5183AD

#AD5183

#83AD51

Split Complementary

#5183AD

#AD5155

#ADA951

Tetradic

#5183AD

#A951AD

#AD7B51

#55AD51

Color Blindness Simulation

Original

#5183AD

Protanopia

#6767A3

Deuteranopia

#6460A0

Tritanopia

#549B99

Achromatopsia

#7B7B7B

CSS Usage

background-color: #5183AD;
color: #5183AD;
border-color: #5183AD;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDCE8
300
#ACC4D8
400
#7EA4C3
500
#5184AE
600
#41698B
700
#34546F
800
#294257
900
#213240
950
#151F29

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass 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