#B4ABC3

#B4ABC3

Color Values

HEX

#B4ABC3

RGB

180, 171, 195

HSL

262.5, 16.7%, 71.8%

HSV

262.5, 12.3%, 76.5%

CMYK

7.7%, 12.3%, 0.0%, 23.5%

OKLCH

0.7564 0.0353 302.6

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B4ABC3

#BAC3AB

Analogous

#ABAEC3

#C0ABC3

#B4ABC3

Triadic

#B4ABC3

#C3B4AB

#ABC3B4

Split Complementary

#B4ABC3

#C3C0AB

#AEC3AB

Tetradic

#B4ABC3

#C3ABAE

#BAC3AB

#ABC3C0

Color Blindness Simulation

Original

#B4ABC3

Protanopia

#B0B0BD

Deuteranopia

#B1B1BC

Tritanopia

#B4B9B8

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DAD5E1
300
#BFB8CC
400
#9D91B0
500
#7A6A95
600
#625577
700
#4E445F
800
#3D354A
900
#2F2938
950
#1D1A23

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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