#80EBC4

#80EBC4

Color Values

HEX

#80EBC4

RGB

128, 235, 196

HSL

158.1, 72.8%, 71.2%

HSV

158.1, 45.5%, 92.2%

CMYK

45.5%, 0.0%, 16.6%, 7.8%

OKLCH

0.865 0.1148 167.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#80EBC4

#EB80A7

Analogous

#80EB8F

#80DDEB

#80EBC4

Triadic

#80EBC4

#C480EB

#EBC480

Split Complementary

#80EBC4

#EB80DD

#EB8F80

Tetradic

#80EBC4

#8F80EB

#EB80A7

#DDEB80

Color Blindness Simulation

Original

#80EBC4

Protanopia

#AEAFCD

Deuteranopia

#A8A0D0

Tritanopia

#85D5D7

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F0
200
#C1F5E2
300
#95EECE
400
#5CE5B3
500
#23DC99
600
#1CB07A
700
#168D62
800
#116E4C
900
#115039
950
#0B3324

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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