#B9BDCE

#B9BDCE

Color Values

HEX

#B9BDCE

RGB

185, 189, 206

HSL

228.6, 17.6%, 76.7%

HSV

228.6, 10.2%, 80.8%

CMYK

10.2%, 8.3%, 0.0%, 19.2%

OKLCH

0.8005 0.0243 275.3

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B9BDCE

#CECAB9

Analogous

#B9C8CE

#C0B9CE

#B9BDCE

Triadic

#B9BDCE

#CEB9BD

#BDCEB9

Split Complementary

#B9BDCE

#CEC0B9

#C8CEB9

Tetradic

#B9BDCE

#CEB9C8

#CECAB9

#B9CEC0

Color Blindness Simulation

Original

#B9BDCE

Protanopia

#BBBBCA

Deuteranopia

#BABAC9

Tritanopia

#B9C7C6

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B9BDCE;
color: #B9BDCE;
border-color: #B9BDCE;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F7F8
100
#EAEBF0
200
#D5D7E2
300
#B7BBCD
400
#9096B1
500
#697296
600
#545B78
700
#434960
800
#35394B
900
#292C38
950
#1A1C23

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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