#7CC0AA

#7CC0AA

Color Values

HEX

#7CC0AA

RGB

124, 192, 170

HSL

160.6, 35.1%, 62.0%

HSV

160.6, 35.4%, 75.3%

CMYK

35.4%, 0.0%, 11.5%, 24.7%

OKLCH

0.756 0.0764 171.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC0AA

#C07C92

Analogous

#7CC088

#7CB4C0

#7CC0AA

Triadic

#7CC0AA

#AA7CC0

#C0AA7C

Split Complementary

#7CC0AA

#C07CB4

#C0887C

Tetradic

#7CC0AA

#887CC0

#C07C92

#B4C07C

Color Blindness Simulation

Original

#7CC0AA

Protanopia

#999AAF

Deuteranopia

#9690B1

Tritanopia

#7FB4B4

Achromatopsia

#B0B0B0

CSS Usage

background-color: #7CC0AA;
color: #7CC0AA;
border-color: #7CC0AA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E0
300
#ACD7C9
400
#80C2AC
500
#53AC8F
600
#428A73
700
#356E5C
800
#295648
900
#214036
950
#152822

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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