#5F8060

#5F8060

Color Values

HEX

#5F8060

RGB

95, 128, 96

HSL

121.8, 14.8%, 43.7%

HSV

121.8, 25.8%, 50.2%

CMYK

25.8%, 0.0%, 25.0%, 49.8%

OKLCH

0.5654 0.0615 145.5

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#5F8060

#805F7F

Analogous

#6E805F

#5F8070

#5F8060

Triadic

#5F8060

#605F80

#80605F

Split Complementary

#5F8060

#705F80

#805F6E

Tetradic

#5F8060

#5F6E80

#805F7F

#80705F

Color Blindness Simulation

Original

#5F8060

Protanopia

#6D6E68

Deuteranopia

#6B696A

Tritanopia

#616E6F

Achromatopsia

#777777

CSS Usage

background-color: #5F8060;
color: #5F8060;
border-color: #5F8060;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F8F6
100
#EBEFEB
200
#D6E1D6
300
#B9CBB9
400
#93AF94
500
#6D926E
600
#577558
700
#465E46
800
#364937
900
#2A372A
950
#1B231B

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026