#B5BCCF

#B5BCCF

Color Values

HEX

#B5BCCF

RGB

181, 188, 207

HSL

223.8, 21.3%, 76.1%

HSV

223.8, 12.6%, 81.2%

CMYK

12.6%, 9.2%, 0.0%, 18.8%

OKLCH

0.7957 0.0279 269.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B5BCCF

#CFC8B5

Analogous

#B5C9CF

#BBB5CF

#B5BCCF

Triadic

#B5BCCF

#CFB5BC

#BCCFB5

Split Complementary

#B5BCCF

#CFBBB5

#C9CFB5

Tetradic

#B5BCCF

#CFB5C9

#CFC8B5

#B5CFBB

Color Blindness Simulation

Original

#B5BCCF

Protanopia

#B8B8CA

Deuteranopia

#B8B7C9

Tritanopia

#B5C7C6

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E3
300
#B5BCCF
400
#8D97B5
500
#64739B
600
#505C7C
700
#404A63
800
#323A4D
900
#272C3A
950
#191C24

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.06:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026