#5F9587

#5F9587

Color Values

HEX

#5F9587

RGB

95, 149, 135

HSL

164.4, 22.1%, 47.8%

HSV

164.4, 36.2%, 58.4%

CMYK

36.2%, 0.0%, 9.4%, 41.6%

OKLCH

0.6278 0.0614 176.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#5F9587

#955F6D

Analogous

#5F956C

#5F8895

#5F9587

Triadic

#5F9587

#875F95

#95875F

Split Complementary

#5F9587

#955F88

#956C5F

Tetradic

#5F9587

#6C5F95

#955F6D

#88955F

Color Blindness Simulation

Original

#5F9587

Protanopia

#76778A

Deuteranopia

#736F8B

Tritanopia

#628D8E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3DF
300
#B4CFC8
400
#8CB6AB
500
#639C8D
600
#4F7D71
700
#40645A
800
#324E47
900
#273A35
950
#192522

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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