#76EDBA

#76EDBA

Color Values

HEX

#76EDBA

RGB

118, 237, 186

HSL

154.3, 76.8%, 69.6%

HSV

154.3, 50.2%, 92.9%

CMYK

50.2%, 0.0%, 21.5%, 7.1%

OKLCH

0.8631 0.131 163.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#76EDBA

#ED76A9

Analogous

#76ED7E

#76E4ED

#76EDBA

Triadic

#76EDBA

#BA76ED

#EDBA76

Split Complementary

#76EDBA

#ED76E4

#ED7E76

Tetradic

#76EDBA

#7E76ED

#ED76A9

#E4ED76

Color Blindness Simulation

Original

#76EDBA

Protanopia

#AAABC6

Deuteranopia

#A39AC9

Tritanopia

#7CD0D2

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E1F9EF
200
#C0F7DF
300
#93F1C9
400
#58E9AB
500
#1EE18E
600
#18B471
700
#13905B
800
#0F7147
900
#0F5235
950
#093422

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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