#B4BACF

#B4BACF

Color Values

HEX

#B4BACF

RGB

180, 186, 207

HSL

226.7, 22.0%, 75.9%

HSV

226.7, 13.0%, 81.2%

CMYK

13.0%, 10.1%, 0.0%, 18.8%

OKLCH

0.7908 0.0304 273.0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B4BACF

#CFC9B4

Analogous

#B4C8CF

#BCB4CF

#B4BACF

Triadic

#B4BACF

#CFB4BA

#BACFB4

Split Complementary

#B4BACF

#CFBCB4

#C8CFB4

Tetradic

#B4BACF

#CFB4C8

#CFC9B4

#B4CFBC

Color Blindness Simulation

Original

#B4BACF

Protanopia

#B7B7CA

Deuteranopia

#B6B6C9

Tritanopia

#B4C6C5

Achromatopsia

#BABABA

CSS Usage

background-color: #B4BACF;
color: #B4BACF;
border-color: #B4BACF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D3D7E3
300
#B4BACF
400
#8C95B5
500
#63709C
600
#505A7C
700
#404864
800
#32384E
900
#272B3A
950
#191B25

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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