#9CADBB

#9CADBB

Color Values

HEX

#9CADBB

RGB

156, 173, 187

HSL

207,1, 18,6%, 67,3%

HSV

207,1, 16,6%, 73,3%

CMYK

16,6%, 7,5%, 0,0%, 26,7%

OKLCH

0,7389 0,0278 242,9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#9CADBB

#BBAA9C

Analogous

#9CBBBA

#9C9EBB

#9CADBB

Triadic

#9CADBB

#BB9CAD

#ADBB9C

Split Complementary

#9CADBB

#BB9C9E

#BBBA9C

Tetradic

#9CADBB

#BA9CBB

#BBAA9C

#9EBB9C

Color Blindness Simulation

Original

#9CADBB

Protanopia

#A3A4B8

Deuteranopia

#A2A1B7

Tritanopia

#9DB5B4

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DCE2
300
#B6C3CD
400
#8FA2B2
500
#688297
600
#536879
700
#425361
800
#34414C
900
#283139
950
#191F24

Contrast Checker

Text on white

2,31:1

AA Fail AAA Fail

Text on black

9,11: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