#80DFD4

#80DFD4

Color Values

HEX

#80DFD4

RGB

128, 223, 212

HSL

173,1, 59,7%, 68,8%

HSV

173,1, 42,6%, 87,5%

CMYK

42,6%, 0,0%, 4,9%, 12,5%

OKLCH

0,8418 0,0921 186,0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#80DFD4

#DF808B

Analogous

#80DFA5

#80BADF

#80DFD4

Triadic

#80DFD4

#D480DF

#DFD480

Split Complementary

#80DFD4

#DF80BA

#DFA580

Tetradic

#80DFD4

#A580DF

#DF808B

#BADF80

Color Blindness Simulation

Original

#80DFD4

Protanopia

#A9AAD7

Deuteranopia

#A49CD7

Tritanopia

#85D9D9

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F6F4
200
#C6F1EC
300
#9DE6DE
400
#68D9CC
500
#33CCBA
600
#29A395
700
#218277
800
#1A665D
900
#164A44
950
#0E2F2B

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,42: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