#9CAAA2

#9CAAA2

Color Values

HEX

#9CAAA2

RGB

156, 170, 162

HSL

145.7, 7.6%, 63.9%

HSV

145.7, 8.2%, 66.7%

CMYK

8.2%, 0.0%, 4.7%, 33.3%

OKLCH

0.7246 0.0194 160.9

Properties

Cool Light Nearest: RAL 7004 Signal Grey

Color Harmonies

Complementary

#9CAAA2

#AA9CA4

Analogous

#9DAA9C

#9CAAA9

#9CAAA2

Triadic

#9CAAA2

#A29CAA

#AAA29C

Split Complementary

#9CAAA2

#A99CAA

#AA9C9D

Tetradic

#9CAAA2

#9C9DAA

#AA9CA4

#AAA99C

Color Blindness Simulation

Original

#9CAAA2

Protanopia

#A2A2A4

Deuteranopia

#A1A0A4

Tritanopia

#9DA5A6

Achromatopsia

#A6A6A6

CSS Usage

background-color: #9CAAA2;
color: #9CAAA2;
border-color: #9CAAA2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDB
300
#BDC6C1
400
#99A8A0
500
#76897E
600
#5E6E65
700
#4B5851
800
#3B453F
900
#2D3430
950
#1D211E

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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