#97DAB2

#97DAB2

Color Values

HEX

#97DAB2

RGB

151, 218, 178

HSL

144,2, 47,5%, 72,4%

HSV

144,2, 30,7%, 85,5%

CMYK

30,7%, 0,0%, 18,3%, 14,5%

OKLCH

0,8326 0,0882 157,6

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#97DAB2

#DA97BF

Analogous

#9EDA97

#97DAD4

#97DAB2

Triadic

#97DAB2

#B297DA

#DAB297

Split Complementary

#97DAB2

#D497DA

#DA979E

Tetradic

#97DAB2

#979EDA

#DA97BF

#DAD497

Color Blindness Simulation

Original

#97DAB2

Protanopia

#B4B5BC

Deuteranopia

#B0ABBE

Tritanopia

#9AC3C5

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD8
300
#A5DFBC
400
#74CD98
500
#43BC74
600
#36965D
700
#2B784A
800
#215E3A
900
#1C452C
950
#122C1C

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,99: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