#76E4AF

#76E4AF

Color Values

HEX

#76E4AF

RGB

118, 228, 175

HSL

151.1, 67.1%, 67.8%

HSV

151.1, 48.2%, 89.4%

CMYK

48.2%, 0.0%, 23.2%, 10.6%

OKLCH

0.8392 0.1275 160.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#76E4AF

#E476AB

Analogous

#76E478

#76E2E4

#76E4AF

Triadic

#76E4AF

#AF76E4

#E4AF76

Split Complementary

#76E4AF

#E476E2

#E47876

Tetradic

#76E4AF

#7876E4

#E476AB

#E2E476

Color Blindness Simulation

Original

#76E4AF

Protanopia

#A6A7BC

Deuteranopia

#9F97BF

Tritanopia

#7CC6C8

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C3F3DC
300
#99EBC3
400
#61E0A3
500
#2AD583
600
#22AA69
700
#1B8854
800
#156B41
900
#134E32
950
#0C311F

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026