#9FACB9

#9FACB9

Color Values

HEX

#9FACB9

RGB

159, 172, 185

HSL

210.0, 15.7%, 67.5%

HSV

210.0, 14.1%, 72.5%

CMYK

14.1%, 7.0%, 0.0%, 27.5%

OKLCH

0.7384 0.0238 248.2

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#9FACB9

#B9AC9F

Analogous

#9FB9B9

#9F9FB9

#9FACB9

Triadic

#9FACB9

#B99FAC

#ACB99F

Split Complementary

#9FACB9

#B99F9F

#B9B99F

Tetradic

#9FACB9

#B99FB9

#B9AC9F

#9FB99F

Color Blindness Simulation

Original

#9FACB9

Protanopia

#A5A5B6

Deuteranopia

#A4A3B5

Tritanopia

#A0B3B3

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C2CB
400
#92A1AF
500
#6B8094
600
#566676
700
#45525E
800
#36404A
900
#2A3037
950
#1A1F23

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026