#BAB0CC

#BAB0CC

Color Values

HEX

#BAB0CC

RGB

186, 176, 204

HSL

261.4, 21.5%, 74.5%

HSV

261.4, 13.7%, 80.0%

CMYK

8.8%, 13.7%, 0.0%, 20.0%

OKLCH

0.7745 0.0408 301.7

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BAB0CC

#C2CCB0

Analogous

#B0B4CC

#C8B0CC

#BAB0CC

Triadic

#BAB0CC

#CCBAB0

#B0CCBA

Split Complementary

#BAB0CC

#CCC8B0

#B4CCB0

Tetradic

#BAB0CC

#CCB0B4

#C2CCB0

#B0CCC8

Color Blindness Simulation

Original

#BAB0CC

Protanopia

#B6B6C5

Deuteranopia

#B6B7C4

Tritanopia

#BAC0BF

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D4E3
300
#BEB5CF
400
#9B8CB5
500
#78649B
600
#60507C
700
#4D4063
800
#3C324D
900
#2E273A
950
#1D1925

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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