#97DDBA

#97DDBA

Color Values

HEX

#97DDBA

RGB

151, 221, 186

HSL

150.0, 50.7%, 72.9%

HSV

150.0, 31.7%, 86.7%

CMYK

31.7%, 0.0%, 15.8%, 13.3%

OKLCH

0.8414 0.086 162.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#97DDBA

#DD97BA

Analogous

#97DD97

#97DDDD

#97DDBA

Triadic

#97DDBA

#BA97DD

#DDBA97

Split Complementary

#97DDBA

#DD97DD

#DD9797

Tetradic

#97DDBA

#9797DD

#DD97BA

#DDDD97

Color Blindness Simulation

Original

#97DDBA

Protanopia

#B5B6C2

Deuteranopia

#B1ACC4

Tritanopia

#9AC9CB

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F5ED
200
#C9EDDB
300
#A3E1C2
400
#71D0A1
500
#3FC080
600
#329A66
700
#287B52
800
#1F6040
900
#1A4730
950
#112D1F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026