#97BA9F

#97BA9F

Color Values

HEX

#97BA9F

RGB

151, 186, 159

HSL

133,7, 20,2%, 66,1%

HSV

133,7, 18,8%, 72,9%

CMYK

18,8%, 0,0%, 14,5%, 27,1%

OKLCH

0,7555 0,0539 151,8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#97BA9F

#BA97B2

Analogous

#A1BA97

#97BAB1

#97BA9F

Triadic

#97BA9F

#9F97BA

#BA9F97

Split Complementary

#97BA9F

#B197BA

#BA97A1

Tetradic

#97BA9F

#97A1BA

#BA97B2

#BAB197

Color Blindness Simulation

Original

#97BA9F

Protanopia

#A6A6A6

Deuteranopia

#A4A2A7

Tritanopia

#99ABAC

Achromatopsia

#B1B1B1

CSS Usage

background-color: #97BA9F;
color: #97BA9F;
border-color: #97BA9F;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D4E3D7
300
#B5CEBB
400
#8EB496
500
#669972
600
#517B5B
700
#416249
800
#334D39
900
#28392C
950
#19241C

Contrast Checker

Text on white

2,13:1

AA Fail AAA Fail

Text on black

9,84:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026