#B0BDCF

#B0BDCF

Color Values

HEX

#B0BDCF

RGB

176, 189, 207

HSL

214.8, 24.4%, 75.1%

HSV

214.8, 15.0%, 81.2%

CMYK

15.0%, 8.7%, 0.0%, 18.8%

OKLCH

0.794 0.0293 256.5

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B0BDCF

#CFC2B0

Analogous

#B0CDCF

#B2B0CF

#B0BDCF

Triadic

#B0BDCF

#CFB0BD

#BDCFB0

Split Complementary

#B0BDCF

#CFB2B0

#CDCFB0

Tetradic

#B0BDCF

#CFB0CD

#CFC2B0

#B0CFB2

Color Blindness Simulation

Original

#B0BDCF

Protanopia

#B6B6CB

Deuteranopia

#B5B4CA

Tritanopia

#B1C7C6

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DAE4
300
#B3BFD1
400
#8A9DB8
500
#607B9F
600
#4D627F
700
#3E4E66
800
#303D4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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