#B4BCCD

#B4BCCD

Color Values

HEX

#B4BCCD

RGB

180, 188, 205

HSL

220.8, 20.0%, 75.5%

HSV

220.8, 12.2%, 80.4%

CMYK

12.2%, 8.3%, 0.0%, 19.6%

OKLCH

0.7943 0.0256 265.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B4BCCD

#CDC5B4

Analogous

#B4C9CD

#B9B4CD

#B4BCCD

Triadic

#B4BCCD

#CDB4BC

#BCCDB4

Split Complementary

#B4BCCD

#CDB9B4

#C9CDB4

Tetradic

#B4BCCD

#CDB4C9

#CDC5B4

#B4CDB9

Color Blindness Simulation

Original

#B4BCCD

Protanopia

#B7B8C9

Deuteranopia

#B7B6C8

Tritanopia

#B4C6C5

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E2
300
#B6BDCE
400
#8E9AB4
500
#667699
600
#525F7A
700
#414C62
800
#333B4D
900
#282D39
950
#191D24

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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