#5D8DAB

#5D8DAB

Color Values

HEX

#5D8DAB

RGB

93, 141, 171

HSL

203.1, 31.7%, 51.8%

HSV

203.1, 45.6%, 67.1%

CMYK

45.6%, 17.5%, 0.0%, 32.9%

OKLCH

0.6208 0.069 236.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5D8DAB

#AB7B5D

Analogous

#5DABA2

#5D66AB

#5D8DAB

Triadic

#5D8DAB

#AB5D8D

#8DAB5D

Split Complementary

#5D8DAB

#AB5D66

#ABA25D

Tetradic

#5D8DAB

#A25DAB

#AB7B5D

#66AB5D

Color Blindness Simulation

Original

#5D8DAB

Protanopia

#7272A4

Deuteranopia

#6F6BA2

Tritanopia

#5F9E9D

Achromatopsia

#858585

CSS Usage

background-color: #5D8DAB;
color: #5D8DAB;
border-color: #5D8DAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC6D5
400
#83A8BF
500
#5789A8
600
#466D86
700
#38586B
800
#2C4454
900
#23343E
950
#162127

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026