#5385AE

#5385AE

Color Values

HEX

#5385AE

RGB

83, 133, 174

HSL

207.0, 36.0%, 50.4%

HSV

207.0, 52.3%, 68.2%

CMYK

52.3%, 23.6%, 0.0%, 31.8%

OKLCH

0.5983 0.083 244.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5385AE

#AE7C53

Analogous

#53AEA9

#5358AE

#5385AE

Triadic

#5385AE

#AE5385

#85AE53

Split Complementary

#5385AE

#AE5358

#AEA953

Tetradic

#5385AE

#A953AE

#AE7C53

#58AE53

Color Blindness Simulation

Original

#5385AE

Protanopia

#6969A4

Deuteranopia

#6662A2

Tritanopia

#569C9B

Achromatopsia

#7D7D7D

CSS Usage

background-color: #5385AE;
color: #5385AE;
border-color: #5385AE;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE8
300
#ACC4D8
400
#7FA4C3
500
#5284AD
600
#416A8B
700
#34556F
800
#294257
900
#213240
950
#152029

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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