#97C1AC

#97C1AC

Color Values

HEX

#97C1AC

RGB

151, 193, 172

HSL

150.0, 25.3%, 67.5%

HSV

150.0, 21.8%, 75.7%

CMYK

21.8%, 0.0%, 10.9%, 24.3%

OKLCH

0.7746 0.0538 163.2

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#97C1AC

#C197AC

Analogous

#97C197

#97C1C1

#97C1AC

Triadic

#97C1AC

#AC97C1

#C1AC97

Split Complementary

#97C1AC

#C197C1

#C19797

Tetradic

#97C1AC

#9797C1

#C197AC

#C1C197

Color Blindness Simulation

Original

#97C1AC

Protanopia

#A9AAB1

Deuteranopia

#A7A4B2

Tritanopia

#99B5B6

Achromatopsia

#B7B7B7

CSS Usage

background-color: #97C1AC;
color: #97C1AC;
border-color: #97C1AC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D2E4DB
300
#B2D1C2
400
#89B9A1
500
#5FA080
600
#4C8066
700
#3D6652
800
#305040
900
#253B30
950
#18261F

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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