#80E7BC

#80E7BC

Color Values

HEX

#80E7BC

RGB

128, 231, 188

HSL

155.0, 68.2%, 70.4%

HSV

155.0, 44.6%, 90.6%

CMYK

44.6%, 0.0%, 18.6%, 9.4%

OKLCH

0.8536 0.1151 164.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#80E7BC

#E780AB

Analogous

#80E789

#80DEE7

#80E7BC

Triadic

#80E7BC

#BC80E7

#E7BC80

Split Complementary

#80E7BC

#E780DE

#E78980

Tetradic

#80E7BC

#8980E7

#E780AB

#DEE780

Color Blindness Simulation

Original

#80E7BC

Protanopia

#ADADC6

Deuteranopia

#A79FC9

Tritanopia

#85CFD0

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C3F4DF
300
#98ECC9
400
#60E1AB
500
#29D68E
600
#20AC72
700
#1A895B
800
#146B47
900
#134E35
950
#0C3122

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.07:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026