#7DC69F

#7DC69F

Color Values

HEX

#7DC69F

RGB

125, 198, 159

HSL

147.9, 39.0%, 63.3%

HSV

147.9, 36.9%, 77.6%

CMYK

36.9%, 0.0%, 19.7%, 22.4%

OKLCH

0.7676 0.0928 159.8

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7DC69F

#C67DA4

Analogous

#7FC67D

#7DC6C3

#7DC69F

Triadic

#7DC69F

#9F7DC6

#C69F7D

Split Complementary

#7DC69F

#C37DC6

#C67D7F

Tetradic

#7DC69F

#7D7FC6

#C67DA4

#C6C37D

Color Blindness Simulation

Original

#7DC69F

Protanopia

#9D9DA8

Deuteranopia

#9893AB

Tritanopia

#81B0B2

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7DC69F;
color: #7DC69F;
border-color: #7DC69F;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DA
300
#AADAC0
400
#7CC59E
500
#4EB17C
600
#3E8E63
700
#32714F
800
#27593E
900
#1F412F
950
#14291E

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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