#7CC9AE

#7CC9AE

Color Values

HEX

#7CC9AE

RGB

124, 201, 174

HSL

159.0, 41.6%, 63.7%

HSV

159.0, 38.3%, 78.8%

CMYK

38.3%, 0.0%, 13.4%, 21.2%

OKLCH

0.7781 0.0864 169.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC9AE

#C97C97

Analogous

#7CC987

#7CBDC9

#7CC9AE

Triadic

#7CC9AE

#AE7CC9

#C9AE7C

Split Complementary

#7CC9AE

#C97CBD

#C9877C

Tetradic

#7CC9AE

#877CC9

#C97C97

#BDC97C

Color Blindness Simulation

Original

#7CC9AE

Protanopia

#9D9EB5

Deuteranopia

#9993B6

Tritanopia

#80BABB

Achromatopsia

#B7B7B7

CSS Usage

background-color: #7CC9AE;
color: #7CC9AE;
border-color: #7CC9AE;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CCEAE0
300
#A8DBC9
400
#79C8AC
500
#4AB58F
600
#3C9073
700
#30745C
800
#255A48
900
#1E4336
950
#132A22

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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