#7D987F

#7D987F

Color Values

HEX

#7D987F

RGB

125, 152, 127

HSL

124.4, 11.6%, 54.3%

HSV

124.4, 17.8%, 59.6%

CMYK

17.8%, 0.0%, 16.4%, 40.4%

OKLCH

0.6516 0.0477 147.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#7D987F

#987D96

Analogous

#88987D

#7D988C

#7D987F

Triadic

#7D987F

#7F7D98

#987F7D

Split Complementary

#7D987F

#8C7D98

#987D88

Tetradic

#7D987F

#7D8898

#987D96

#988C7D

Color Blindness Simulation

Original

#7D987F

Protanopia

#898985

Deuteranopia

#878586

Tritanopia

#7E8A8B

Achromatopsia

#909090

CSS Usage

background-color: #7D987F;
color: #7D987F;
border-color: #7D987F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFD8
300
#BBC9BC
400
#96AC97
500
#718E73
600
#5A725C
700
#485B4A
800
#384739
900
#2B362C
950
#1B221C

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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