#97EEC2

#97EEC2

Color Values

HEX

#97EEC2

RGB

151, 238, 194

HSL

149.7, 71.9%, 76.3%

HSV

149.7, 36.6%, 93.3%

CMYK

36.6%, 0.0%, 18.5%, 6.7%

OKLCH

0.8819 0.1048 161.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#97EEC2

#EE97C3

Analogous

#98EE97

#97EEEE

#97EEC2

Triadic

#97EEC2

#C297EE

#EEC297

Split Complementary

#97EEC2

#EE97EE

#EE9798

Tetradic

#97EEC2

#9798EE

#EE97C3

#EEEE97

Color Blindness Simulation

Original

#97EEC2

Protanopia

#BDBDCD

Deuteranopia

#B8B1CF

Tritanopia

#9BD5D7

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EEC1
400
#5DE4A0
500
#24DB7F
600
#1DAF65
700
#178C51
800
#126E3F
900
#115030
950
#0B321E

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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