#5D8889

#5D8889

Color Values

HEX

#5D8889

RGB

93, 136, 137

HSL

181.4, 19.1%, 45.1%

HSV

181.4, 32.1%, 53.7%

CMYK

32.1%, 0.7%, 0.0%, 46.3%

OKLCH

0.5959 0.0472 197.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#5D8889

#895E5D

Analogous

#5D8974

#5D7289

#5D8889

Triadic

#5D8889

#895D88

#88895D

Split Complementary

#5D8889

#895D72

#89745D

Tetradic

#5D8889

#745D89

#895E5D

#72895D

Color Blindness Simulation

Original

#5D8889

Protanopia

#707089

Deuteranopia

#6D6A89

Tritanopia

#5F8989

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5D8889;
color: #5D8889;
border-color: #5D8889;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E2
300
#B6CDCD
400
#8FB2B3
500
#679798
600
#537979
700
#426061
800
#344B4C
900
#283839
950
#192424

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026