#7FC2AA

#7FC2AA

Color Values

HEX

#7FC2AA

RGB

127, 194, 170

HSL

158.5, 35.4%, 62.9%

HSV

158.5, 34.5%, 76.1%

CMYK

34.5%, 0.0%, 12.4%, 23.9%

OKLCH

0.7622 0.0768 169.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7FC2AA

#C27F97

Analogous

#7FC288

#7FB8C2

#7FC2AA

Triadic

#7FC2AA

#AA7FC2

#C2AA7F

Split Complementary

#7FC2AA

#C27FB8

#C2887F

Tetradic

#7FC2AA

#887FC2

#C27F97

#B8C27F

Color Blindness Simulation

Original

#7FC2AA

Protanopia

#9C9DB0

Deuteranopia

#9893B1

Tritanopia

#82B4B5

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8DF
300
#ACD7C8
400
#7FC2AA
500
#52AD8C
600
#428A70
700
#356E5A
800
#295646
900
#214035
950
#152821

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026