#9CB0BD

#9CB0BD

Color Values

HEX

#9CB0BD

RGB

156, 176, 189

HSL

203.6, 20.0%, 67.6%

HSV

203.6, 17.5%, 74.1%

CMYK

17.5%, 6.9%, 0.0%, 25.9%

OKLCH

0.746 0.0291 236.3

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#9CB0BD

#BDA99C

Analogous

#9CBDB9

#9C9FBD

#9CB0BD

Triadic

#9CB0BD

#BD9CB0

#B0BD9C

Split Complementary

#9CB0BD

#BD9C9F

#BDB99C

Tetradic

#9CB0BD

#B99CBD

#BDA99C

#9FBD9C

Color Blindness Simulation

Original

#9CB0BD

Protanopia

#A5A5BA

Deuteranopia

#A4A2B9

Tritanopia

#9DB7B7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE2
300
#B6C4CE
400
#8EA5B4
500
#668599
600
#526A7A
700
#415562
800
#33424D
900
#283239
950
#192024

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026