#B4ABC5

#B4ABC5

Color Values

HEX

#B4ABC5

RGB

180, 171, 197

HSL

260.8, 18.3%, 72.2%

HSV

260.8, 13.2%, 77.3%

CMYK

8.6%, 13.2%, 0.0%, 22.7%

OKLCH

0.7571 0.038 301.3

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B4ABC5

#BCC5AB

Analogous

#ABAFC5

#C1ABC5

#B4ABC5

Triadic

#B4ABC5

#C5B4AB

#ABC5B4

Split Complementary

#B4ABC5

#C5C1AB

#AFC5AB

Tetradic

#B4ABC5

#C5ABAF

#BCC5AB

#ABC5C1

Color Blindness Simulation

Original

#B4ABC5

Protanopia

#B0B0BF

Deuteranopia

#B1B1BD

Tritanopia

#B4BAB9

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BEB7CD
400
#9B8FB2
500
#786897
600
#605379
700
#4D4361
800
#3C344B
900
#2E2838
950
#1D1A24

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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