#5F867C

#5F867C

Color Values

HEX

#5F867C

RGB

95, 134, 124

HSL

164.6, 17.0%, 44.9%

HSV

164.6, 29.1%, 52.5%

CMYK

29.1%, 0.0%, 7.5%, 47.5%

OKLCH

0.588 0.0462 177.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#5F867C

#865F69

Analogous

#5F8669

#5F7C86

#5F867C

Triadic

#5F867C

#7C5F86

#867C5F

Split Complementary

#5F867C

#865F7C

#86695F

Tetradic

#5F867C

#695F86

#865F69

#7C865F

Color Blindness Simulation

Original

#5F867C

Protanopia

#70707E

Deuteranopia

#6E6B7F

Tritanopia

#618081

Achromatopsia

#7D7D7D

CSS Usage

background-color: #5F867C;
color: #5F867C;
border-color: #5F867C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B7CCC7
400
#91B1A8
500
#6A958A
600
#55776E
700
#445F58
800
#354B45
900
#293834
950
#1A2321

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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