#80EDC1

#80EDC1

Color Values

HEX

#80EDC1

RGB

128, 237, 193

HSL

155.8, 75.2%, 71.6%

HSV

155.8, 46.0%, 92.9%

CMYK

46.0%, 0.0%, 18.6%, 7.1%

OKLCH

0.8688 0.1196 165.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#80EDC1

#ED80AC

Analogous

#80ED8B

#80E3ED

#80EDC1

Triadic

#80EDC1

#C180ED

#EDC180

Split Complementary

#80EDC1

#ED80E3

#ED8B80

Tetradic

#80EDC1

#8B80ED

#ED80AC

#E3ED80

Color Blindness Simulation

Original

#80EDC1

Protanopia

#AFB0CC

Deuteranopia

#A9A1CE

Tritanopia

#85D4D6

Achromatopsia

#D3D3D3

CSS Usage

background-color: #80EDC1;
color: #80EDC1;
border-color: #80EDC1;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E2F9EF
200
#C0F6E0
300
#94F0CB
400
#5AE8AE
500
#20DF92
600
#19B375
700
#148F5D
800
#107049
900
#105137
950
#0A3323

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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