#97B3B6

#97B3B6

Color Values

HEX

#97B3B6

RGB

151, 179, 182

HSL

185.8, 17.5%, 65.3%

HSV

185.8, 17.0%, 71.4%

CMYK

17.0%, 1.6%, 0.0%, 28.6%

OKLCH

0.7467 0.031 204.5

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#97B3B6

#B69A97

Analogous

#97B6AA

#97A4B6

#97B3B6

Triadic

#97B3B6

#B697B3

#B3B697

Split Complementary

#97B3B6

#B697A4

#B6AA97

Tetradic

#97B3B6

#AA97B6

#B69A97

#A4B697

Color Blindness Simulation

Original

#97B3B6

Protanopia

#A3A3B5

Deuteranopia

#A29FB5

Tritanopia

#98B5B5

Achromatopsia

#ADADAD

CSS Usage

background-color: #97B3B6;
color: #97B3B6;
border-color: #97B3B6;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90AEB1
500
#699196
600
#547478
700
#435D60
800
#35494B
900
#293738
950
#1A2223

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.44:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026