#80EDB0

#80EDB0

Color Values

HEX

#80EDB0

RGB

128, 237, 176

HSL

146.4, 75.2%, 71.6%

HSV

146.4, 46.0%, 92.9%

CMYK

46.0%, 0.0%, 25.7%, 7.1%

OKLCH

0.8648 0.1334 157.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#80EDB0

#ED80BD

Analogous

#87ED80

#80EDE7

#80EDB0

Triadic

#80EDB0

#B080ED

#EDB080

Split Complementary

#80EDB0

#E780ED

#ED8087

Tetradic

#80EDB0

#8087ED

#ED80BD

#EDE780

Color Blindness Simulation

Original

#80EDB0

Protanopia

#AFB0BF

Deuteranopia

#A9A1C2

Tritanopia

#85CACD

Achromatopsia

#D1D1D1

CSS Usage

background-color: #80EDB0;
color: #80EDB0;
border-color: #80EDB0;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FCF7
100
#E2F9EC
200
#C0F6D8
300
#94F0BC
400
#5AE898
500
#20DF74
600
#19B35D
700
#148F4A
800
#10703A
900
#10512D
950
#0A331C

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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