#97ADAE

#97ADAE

Color Values

HEX

#97ADAE

RGB

151, 173, 174

HSL

182.6, 12.4%, 63.7%

HSV

182.6, 13.2%, 68.2%

CMYK

13.2%, 0.6%, 0.0%, 31.8%

OKLCH

0.7311 0.0245 200.0

Properties

Cool Light Nearest: darkgrey

Color Harmonies

Complementary

#97ADAE

#AE9897

Analogous

#97AEA3

#97A1AE

#97ADAE

Triadic

#97ADAE

#AE97AD

#ADAE97

Split Complementary

#97ADAE

#AE97A1

#AEA397

Tetradic

#97ADAE

#A397AE

#AE9897

#A1AE97

Color Blindness Simulation

Original

#97ADAE

Protanopia

#A1A1AE

Deuteranopia

#9F9EAE

Tritanopia

#98AEAE

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC9C9
400
#95ABAC
500
#708E8F
600
#597273
700
#475B5C
800
#384748
900
#2B3536
950
#1B2222

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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