#97BAAA

#97BAAA

Color Values

HEX

#97BAAA

RGB

151, 186, 170

HSL

152.6, 20.2%, 66.1%

HSV

152.6, 18.8%, 72.9%

CMYK

18.8%, 0.0%, 8.6%, 27.1%

OKLCH

0.7585 0.0442 165.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#97BAAA

#BA97A7

Analogous

#97BA99

#97B9BA

#97BAAA

Triadic

#97BAAA

#AA97BA

#BAAA97

Split Complementary

#97BAAA

#BA97B9

#BA9997

Tetradic

#97BAAA

#9997BA

#BA97A7

#B9BA97

Color Blindness Simulation

Original

#97BAAA

Protanopia

#A6A6AE

Deuteranopia

#A4A2AF

Tritanopia

#99B1B2

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E3DC
300
#B5CEC3
400
#8EB4A2
500
#669982
600
#517B68
700
#416253
800
#334D41
900
#283931
950
#19241F

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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