#76DDAA

#76DDAA

Color Values

HEX

#76DDAA

RGB

118, 221, 170

HSL

150.3, 60.2%, 66.5%

HSV

150.3, 46.6%, 86.7%

CMYK

46.6%, 0.0%, 23.1%, 13.3%

OKLCH

0.8214 0.1219 160.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#76DDAA

#DD76A9

Analogous

#76DD77

#76DCDD

#76DDAA

Triadic

#76DDAA

#AA76DD

#DDAA76

Split Complementary

#76DDAA

#DD76DC

#DD7776

Tetradic

#76DDAA

#7776DD

#DD76A9

#DCDD76

Color Blindness Simulation

Original

#76DDAA

Protanopia

#A3A3B6

Deuteranopia

#9D95B9

Tritanopia

#7BC0C2

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C6F1DC
300
#9DE7C2
400
#68D9A1
500
#33CC80
600
#29A367
700
#208352
800
#196640
900
#164B31
950
#0E2F1F

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026