#9AACAF

#9AACAF

Color Values

HEX

#9AACAF

RGB

154, 172, 175

HSL

188.6, 11.6%, 64.5%

HSV

188.6, 12.0%, 68.6%

CMYK

12.0%, 1.7%, 0.0%, 31.4%

OKLCH

0.7314 0.0206 208.7

Properties

Cool Light Nearest: darkgrey

Color Harmonies

Complementary

#9AACAF

#AF9D9A

Analogous

#9AAFA7

#9AA1AF

#9AACAF

Triadic

#9AACAF

#AF9AAC

#ACAF9A

Split Complementary

#9AACAF

#AF9AA1

#AFA79A

Tetradic

#9AACAF

#A79AAF

#AF9D9A

#A1AF9A

Color Blindness Simulation

Original

#9AACAF

Protanopia

#A2A2AE

Deuteranopia

#A19FAE

Tritanopia

#9BAEAE

Achromatopsia

#A8A8A8

CSS Usage

background-color: #9AACAF;
color: #9AACAF;
border-color: #9AACAF;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DEDF
300
#BBC7C9
400
#96A8AC
500
#718A8E
600
#5A6E72
700
#48585B
800
#384547
900
#2B3436
950
#1B2122

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026