HEX Color #80C9C2 (Mediumturquoise)

About #80C9C2

At its core, #80C9C2 is a light and moderate hue. It is closely associated with the named CSS color Mediumturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 128, 201, and 194.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 36% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#80C9C2

RGB128, 201, 194

HSL174.2°, 40.3%, 64.5%

CMYK36%, 0%, 3%, 21%

HSV174.2°, 36.3%, 78.8%

LAB76.2, -24.3, -3.7

XYZ39.5, 50.3, 58.7

Decimal8440258

Color Harmonies

Complementary

#80C9C2 #C88086

Analogous

#80C89D #80ABC8

Triadic

#C280C8 #C8C280

Tetradic

#9D80C8 #C88086 #ABC880

Tints, Shades & Tones

Tints (Adding White)

#80C9C2

#8ECFC8

#9CD5CF

#AADBD6

#B8E1DD

#C6E7E3

#D4EDEA

#E2F3F1

#F0F9F8

#FFFFFF

Shades (Adding Black)

#80C9C2

#71B2AC

#639C96

#558681

#476F6B

#385956

#2A4340

#1C2C2B

#0E1615

#000000

WCAG Contrast Accessibility

1.90:1

Text on #FFFFFF

FAIL

11.05:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.40:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #80C9C2; }

.text-color { color: #80C9C2; }

.border-color { border: 2px solid #80C9C2; }

Similar Colors

Mediumturquoise

#48D1CC