#5F9988

#5F9988

Color Values

HEX

#5F9988

RGB

95, 153, 136

HSL

162.4, 23.4%, 48.6%

HSV

162.4, 37.9%, 60.0%

CMYK

37.9%, 0.0%, 11.1%, 40.0%

OKLCH

0.6379 0.0665 173.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#5F9988

#995F70

Analogous

#5F996B

#5F8D99

#5F9988

Triadic

#5F9988

#885F99

#99885F

Split Complementary

#5F9988

#995F8D

#996B5F

Tetradic

#5F9988

#6B5F99

#995F70

#8D995F

Color Blindness Simulation

Original

#5F9988

Protanopia

#78798C

Deuteranopia

#75708D

Tritanopia

#628F90

Achromatopsia

#8B8B8B

CSS Usage

background-color: #5F9988;
color: #5F9988;
border-color: #5F9988;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B3D0C8
400
#8BB7AA
500
#629D8C
600
#4E7E70
700
#3F6559
800
#314F46
900
#263B35
950
#182521

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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