#9A8798

#9A8798

Color Values

HEX

#9A8798

RGB

154, 135, 152

HSL

306.3, 8.6%, 56.7%

HSV

306.3, 12.3%, 60.4%

CMYK

0.0%, 12.3%, 1.3%, 39.6%

OKLCH

0.646 0.0334 329.3

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#9A8798

#879A89

Analogous

#93879A

#9A878F

#9A8798

Triadic

#9A8798

#989A87

#87989A

Split Complementary

#9A8798

#8F9A87

#879A93

Tetradic

#9A8798

#9A9387

#879A89

#878F9A

Color Blindness Simulation

Original

#9A8798

Protanopia

#929294

Deuteranopia

#939493

Tritanopia

#999190

Achromatopsia

#8C8C8C

CSS Usage

background-color: #9A8798;
color: #9A8798;
border-color: #9A8798;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED8DE
300
#C7BDC6
400
#A999A7
500
#8A7588
600
#6F5D6D
700
#594B57
800
#453A44
900
#342D33
950
#211C20

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

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