#9097AA

#9097AA

Color Values

HEX

#9097AA

RGB

144, 151, 170

HSL

223.8, 13.3%, 61.6%

HSV

223.8, 15.3%, 66.7%

CMYK

15.3%, 11.2%, 0.0%, 33.3%

OKLCH

0.677 0.0291 269.5

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9097AA

#AAA390

Analogous

#90A4AA

#9690AA

#9097AA

Triadic

#9097AA

#AA9097

#97AA90

Split Complementary

#9097AA

#AA9690

#A4AA90

Tetradic

#9097AA

#AA90A4

#AAA390

#90AA96

Color Blindness Simulation

Original

#9097AA

Protanopia

#9393A5

Deuteranopia

#9392A4

Tritanopia

#90A2A1

Achromatopsia

#979797

CSS Usage

background-color: #9097AA;
color: #9097AA;
border-color: #9097AA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7D9E0
300
#BABECA
400
#949BAD
500
#6F7890
600
#586074
700
#474D5C
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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