#B4BDCD

#B4BDCD

Color Values

HEX

#B4BDCD

RGB

180, 189, 205

HSL

218.4, 20.0%, 75.5%

HSV

218.4, 12.2%, 80.4%

CMYK

12.2%, 7.8%, 0.0%, 19.6%

OKLCH

0.7963 0.0247 262.1

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B4BDCD

#CDC4B4

Analogous

#B4CACD

#B8B4CD

#B4BDCD

Triadic

#B4BDCD

#CDB4BD

#BDCDB4

Split Complementary

#B4BDCD

#CDB8B4

#CACDB4

Tetradic

#B4BDCD

#CDB4CA

#CDC4B4

#B4CDB8

Color Blindness Simulation

Original

#B4BDCD

Protanopia

#B8B8C9

Deuteranopia

#B7B7C8

Tritanopia

#B4C6C5

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E2
300
#B6BECE
400
#8E9BB4
500
#667899
600
#52607A
700
#414D62
800
#333C4D
900
#282E39
950
#191D24

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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