#76EDBF

#76EDBF

Color Values

HEX

#76EDBF

RGB

118, 237, 191

HSL

156.8, 76.8%, 69.6%

HSV

156.8, 50.2%, 92.9%

CMYK

50.2%, 0.0%, 19.4%, 7.1%

OKLCH

0.8643 0.1272 165.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#76EDBF

#ED76A4

Analogous

#76ED83

#76E0ED

#76EDBF

Triadic

#76EDBF

#BF76ED

#EDBF76

Split Complementary

#76EDBF

#ED76E0

#ED8376

Tetradic

#76EDBF

#8376ED

#ED76A4

#E0ED76

Color Blindness Simulation

Original

#76EDBF

Protanopia

#AAABCA

Deuteranopia

#A39ACD

Tritanopia

#7CD3D5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E1F9F0
200
#C0F7E2
300
#93F1CC
400
#58E9B1
500
#1EE196
600
#18B478
700
#139060
800
#0F714B
900
#0F5238
950
#093423

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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