#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