#7DAF87

#7DAF87

Color Values

HEX

#7DAF87

RGB

125, 175, 135

HSL

132,0, 23,8%, 58,8%

HSV

132,0, 28,6%, 68,6%

CMYK

28,6%, 0,0%, 22,9%, 31,4%

OKLCH

0,7075 0,0787 150,2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#7DAF87

#AF7DA5

Analogous

#8CAF7D

#7DAFA0

#7DAF87

Triadic

#7DAF87

#877DAF

#AF877D

Split Complementary

#7DAF87

#A07DAF

#AF7D8C

Tetradic

#7DAF87

#7D8CAF

#AF7DA5

#AFA07D

Color Blindness Simulation

Original

#7DAF87

Protanopia

#939391

Deuteranopia

#908C93

Tritanopia

#80989A

Achromatopsia

#A1A1A1

CSS Usage

background-color: #7DAF87;
color: #7DAF87;
border-color: #7DAF87;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1EB
200
#D3E4D6
300
#B3D0B9
400
#8AB793
500
#619E6D
600
#4E7E57
700
#3E6546
800
#314F37
900
#263B2A
950
#18251B

Contrast Checker

Text on white

2,51:1

AA Fail AAA Fail

Text on black

8,35:1

AA Pass AAA Pass

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