#B8BCD4

#B8BCD4

Color Values

HEX

#B8BCD4

RGB

184, 188, 212

HSL

231.4, 24.6%, 77.6%

HSV

231.4, 13.2%, 83.1%

CMYK

13.2%, 11.3%, 0.0%, 16.9%

OKLCH

0.7997 0.0341 278.1

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B8BCD4

#D4D0B8

Analogous

#B8CAD4

#C2B8D4

#B8BCD4

Triadic

#B8BCD4

#D4B8BC

#BCD4B8

Split Complementary

#B8BCD4

#D4C2B8

#CAD4B8

Tetradic

#B8BCD4

#D4B8CA

#D4D0B8

#B8D4C2

Color Blindness Simulation

Original

#B8BCD4

Protanopia

#BABACE

Deuteranopia

#BAB9CD

Tritanopia

#B8CAC9

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D3D5E4
300
#B3B7D1
400
#8990B8
500
#60699F
600
#4D547F
700
#3E4366
800
#30354F
900
#26293B
950
#181A25

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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