#5D9DA3

#5D9DA3

Color Values

HEX

#5D9DA3

RGB

93, 157, 163

HSL

185,1, 27,6%, 50,2%

HSV

185,1, 42,9%, 63,9%

CMYK

42,9%, 3,7%, 0,0%, 36,1%

OKLCH

0,6554 0,0663 203,4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5D9DA3

#A3635D

Analogous

#5DA386

#5D7AA3

#5D9DA3

Triadic

#5D9DA3

#A35D9D

#9DA35D

Split Complementary

#5D9DA3

#A35D7A

#A3865D

Tetradic

#5D9DA3

#865DA3

#A3635D

#7AA35D

Color Blindness Simulation

Original

#5D9DA3

Protanopia

#7979A2

Deuteranopia

#7570A1

Tritanopia

#60A0A0

Achromatopsia

#909090

CSS Usage

background-color: #5D9DA3;
color: #5D9DA3;
border-color: #5D9DA3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E3E5
300
#B1D0D3
400
#87B6BB
500
#5C9DA3
600
#4A7D82
700
#3B6468
800
#2E4E51
900
#243A3C
950
#172526

Contrast Checker

Text on white

3,08:1

AA Fail AAA Fail

Text on black

6,82: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