#5F7F6C

#5F7F6C

Color Values

HEX

#5F7F6C

RGB

95, 127, 108

HSL

144.4, 14.4%, 43.5%

HSV

144.4, 25.2%, 49.8%

CMYK

25.2%, 0.0%, 15.0%, 50.2%

OKLCH

0.5661 0.0468 158.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#5F7F6C

#7F5F72

Analogous

#627F5F

#5F7F7C

#5F7F6C

Triadic

#5F7F6C

#6C5F7F

#7F6C5F

Split Complementary

#5F7F6C

#7C5F7F

#7F5F62

Tetradic

#5F7F6C

#5F627F

#7F5F72

#7F7C5F

Color Blindness Simulation

Original

#5F7F6C

Protanopia

#6D6D71

Deuteranopia

#6B6972

Tritanopia

#617475

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E0DA
300
#B9CBC0
400
#93AE9E
500
#6D927C
600
#577563
700
#465D4F
800
#37493E
900
#2A372F
950
#1B231E

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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