#7DD0AB

#7DD0AB

Color Values

HEX

#7DD0AB

RGB

125, 208, 171

HSL

153.3, 46.9%, 65.3%

HSV

153.3, 39.9%, 81.6%

CMYK

39.9%, 0.0%, 17.8%, 18.4%

OKLCH

0.7942 0.0978 163.9

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7DD0AB

#D07DA2

Analogous

#7DD082

#7DCBD0

#7DD0AB

Triadic

#7DD0AB

#AB7DD0

#D0AB7D

Split Complementary

#7DD0AB

#D07DCB

#D0827D

Tetradic

#7DD0AB

#827DD0

#D07DA2

#CBD07D

Color Blindness Simulation

Original

#7DD0AB

Protanopia

#A1A2B4

Deuteranopia

#9C96B6

Tritanopia

#81BBBD

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDD
300
#A5DFC5
400
#74CDA6
500
#44BB86
600
#36966B
700
#2B7856
800
#225E43
900
#1C4533
950
#122C20

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.48:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026