#9A9DA8

#9A9DA8

Color Values

HEX

#9A9DA8

RGB

154, 157, 168

HSL

227.1, 7.4%, 63.1%

HSV

227.1, 8.3%, 65.9%

CMYK

8.3%, 6.5%, 0.0%, 34.1%

OKLCH

0.697 0.0164 273.8

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#9A9DA8

#A8A59A

Analogous

#9AA4A8

#9E9AA8

#9A9DA8

Triadic

#9A9DA8

#A89A9D

#9DA89A

Split Complementary

#9A9DA8

#A89E9A

#A4A89A

Tetradic

#9A9DA8

#A89AA4

#A8A59A

#9AA89E

Color Blindness Simulation

Original

#9A9DA8

Protanopia

#9B9BA5

Deuteranopia

#9B9BA5

Tritanopia

#9AA3A3

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BDBFC6
400
#9A9DA8
500
#767A89
600
#5E626E
700
#4C4E58
800
#3B3D44
900
#2D2F34
950
#1D1D21

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026