#80E9EC

#80E9EC

Color Values

HEX

#80E9EC

RGB

128, 233, 236

HSL

181.7, 74.0%, 71.4%

HSV

181.7, 45.8%, 92.5%

CMYK

45.8%, 1.3%, 0.0%, 7.5%

OKLCH

0.8721 0.0978 197.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#80E9EC

#EC8380

Analogous

#80ECB9

#80B3EC

#80E9EC

Triadic

#80E9EC

#EC80E9

#E9EC80

Split Complementary

#80E9EC

#EC80B3

#ECB980

Tetradic

#80E9EC

#B980EC

#EC8380

#B3EC80

Color Blindness Simulation

Original

#80E9EC

Protanopia

#ADAEEB

Deuteranopia

#A7A0EB

Tritanopia

#85EBEB

Achromatopsia

#D3D3D3

CSS Usage

background-color: #80E9EC;
color: #80E9EC;
border-color: #80E9EC;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F4F6
300
#95EDEF
400
#5BE3E6
500
#21D9DE
600
#1BADB1
700
#158B8E
800
#116C6F
900
#104F51
950
#0A3233

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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