#80ECB1

#80ECB1

Color Values

HEX

#80ECB1

RGB

128, 236, 177

HSL

147.2, 74.0%, 71.4%

HSV

147.2, 45.8%, 92.5%

CMYK

45.8%, 0.0%, 25.0%, 7.5%

OKLCH

0.8627 0.1311 158.1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#80ECB1

#EC80BB

Analogous

#85EC80

#80ECE7

#80ECB1

Triadic

#80ECB1

#B180EC

#ECB180

Split Complementary

#80ECB1

#E780EC

#EC8085

Tetradic

#80ECB1

#8085EC

#EC80BB

#ECE780

Color Blindness Simulation

Original

#80ECB1

Protanopia

#AFB0BF

Deuteranopia

#A8A0C3

Tritanopia

#85CBCD

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F6D9
300
#95EFBE
400
#5BE69A
500
#21DE77
600
#1BB15F
700
#158E4C
800
#116F3B
900
#10512D
950
#0A331D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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