#76D7AB

#76D7AB

Color Values

HEX

#76D7AB

RGB

118, 215, 171

HSL

152.8, 54.8%, 65.3%

HSV

152.8, 45.1%, 84.3%

CMYK

45.1%, 0.0%, 20.5%, 15.7%

OKLCH

0.8074 0.1125 162.8

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#76D7AB

#D776A2

Analogous

#76D77B

#76D2D7

#76D7AB

Triadic

#76D7AB

#AB76D7

#D7AB76

Split Complementary

#76D7AB

#D776D2

#D77B76

Tetradic

#76D7AB

#7B76D7

#D776A2

#D2D776

Color Blindness Simulation

Original

#76D7AB

Protanopia

#A0A1B6

Deuteranopia

#9A93B8

Tritanopia

#7BBEC0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #76D7AB;
color: #76D7AB;
border-color: #76D7AB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C8EFDD
300
#A0E3C5
400
#6DD4A5
500
#3AC586
600
#2E9E6B
700
#257E56
800
#1D6343
900
#194833
950
#102E20

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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