#9A9DA2

#9A9DA2

Color Values

HEX

#9A9DA2

RGB

154, 157, 162

HSL

217,5, 4,1%, 62,0%

HSV

217,5, 4,9%, 63,5%

CMYK

4,9%, 3,1%, 0,0%, 36,5%

OKLCH

0,6951 0,0081 260,7

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#9A9DA2

#A29F9A

Analogous

#9AA1A2

#9B9AA2

#9A9DA2

Triadic

#9A9DA2

#A29A9D

#9DA29A

Split Complementary

#9A9DA2

#A29B9A

#A1A29A

Tetradic

#9A9DA2

#A29AA1

#A29F9A

#9AA29B

Color Blindness Simulation

Original

#9A9DA2

Protanopia

#9B9BA1

Deuteranopia

#9B9BA0

Tritanopia

#9AA0A0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDD
300
#BFC1C4
400
#9DA0A5
500
#7A7E85
600
#62656A
700
#4E5155
800
#3D3F42
900
#2F3032
950
#1D1E20

Contrast Checker

Text on white

2,72:1

AA Fail AAA Fail

Text on black

7,72: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