#7DA28A

#7DA28A

Color Values

HEX

#7DA28A

RGB

125, 162, 138

HSL

141.1, 16.6%, 56.3%

HSV

141.1, 22.8%, 63.5%

CMYK

22.8%, 0.0%, 14.8%, 36.5%

OKLCH

0.6778 0.0538 156.2

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#7DA28A

#A27D95

Analogous

#83A27D

#7DA29D

#7DA28A

Triadic

#7DA28A

#8A7DA2

#A28A7D

Split Complementary

#7DA28A

#9D7DA2

#A27D83

Tetradic

#7DA28A

#7D83A2

#A27D95

#A29D7D

Color Blindness Simulation

Original

#7DA28A

Protanopia

#8D8D90

Deuteranopia

#8B8891

Tritanopia

#7F9495

Achromatopsia

#989898

CSS Usage

background-color: #7DA28A;
color: #7DA28A;
border-color: #7DA28A;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1DA
300
#B8CCBF
400
#91B09C
500
#6A9579
600
#557761
700
#445F4E
800
#354A3D
900
#29382E
950
#1A231D

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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