#80D3CC

#80D3CC

Color Values

HEX

#80D3CC

RGB

128, 211, 204

HSL

174.9, 48.5%, 66.5%

HSV

174.9, 39.3%, 82.7%

CMYK

39.3%, 0.0%, 3.3%, 17.3%

OKLCH

0.812 0.0819 188.8

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#80D3CC

#D38087

Analogous

#80D3A3

#80B1D3

#80D3CC

Triadic

#80D3CC

#CC80D3

#D3CC80

Split Complementary

#80D3CC

#D380B1

#D3A380

Tetradic

#80D3CC

#A380D3

#D38087

#B1D380

Color Blindness Simulation

Original

#80D3CC

Protanopia

#A4A5CE

Deuteranopia

#9F99CE

Tritanopia

#84CFCF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #80D3CC;
color: #80D3CC;
border-color: #80D3CC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDEA
300
#A4DFDA
400
#73CEC7
500
#42BDB3
600
#35978F
700
#2A7972
800
#215F59
900
#1B4642
950
#112C2A

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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