#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026