#B4BAC8

#B4BAC8

Color Values

HEX

#B4BAC8

RGB

180, 186, 200

HSL

222.0, 15.4%, 74.5%

HSV

222.0, 10.0%, 78.4%

CMYK

10.0%, 7.0%, 0.0%, 21.6%

OKLCH

0.7885 0.0209 267.2

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B4BAC8

#C8C2B4

Analogous

#B4C4C8

#B8B4C8

#B4BAC8

Triadic

#B4BAC8

#C8B4BA

#BAC8B4

Split Complementary

#B4BAC8

#C8B8B4

#C4C8B4

Tetradic

#B4BAC8

#C8B4C4

#C8C2B4

#B4C8B8

Color Blindness Simulation

Original

#B4BAC8

Protanopia

#B7B7C5

Deuteranopia

#B6B6C4

Tritanopia

#B4C2C1

Achromatopsia

#BABABA

CSS Usage

background-color: #B4BAC8;
color: #B4BAC8;
border-color: #B4BAC8;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E1
300
#B8BECB
400
#929BAF
500
#6C7893
600
#566076
700
#454D5E
800
#363C4A
900
#2A2E37
950
#1A1D23

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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