#5386AE

#5386AE

Color Values

HEX

#5386AE

RGB

83, 134, 174

HSL

206.4, 36.0%, 50.4%

HSV

206.4, 52.3%, 68.2%

CMYK

52.3%, 23.0%, 0.0%, 31.8%

OKLCH

0.6006 0.0823 243.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5386AE

#AE7B53

Analogous

#53AEA9

#5358AE

#5386AE

Triadic

#5386AE

#AE5386

#86AE53

Split Complementary

#5386AE

#AE5358

#AEA953

Tetradic

#5386AE

#A953AE

#AE7B53

#58AE53

Color Blindness Simulation

Original

#5386AE

Protanopia

#696AA4

Deuteranopia

#6662A2

Tritanopia

#569D9B

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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