#BAB5CC

#BAB5CC

Color Values

HEX

#BAB5CC

RGB

186, 181, 204

HSL

253.0, 18.4%, 75.5%

HSV

253.0, 11.3%, 80.0%

CMYK

8.8%, 11.3%, 0.0%, 20.0%

OKLCH

0.7844 0.0327 295.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BAB5CC

#C7CCB5

Analogous

#B5BCCC

#C6B5CC

#BAB5CC

Triadic

#BAB5CC

#CCBAB5

#B5CCBA

Split Complementary

#BAB5CC

#CCC6B5

#BCCCB5

Tetradic

#BAB5CC

#CCB5BC

#C7CCB5

#B5CCC6

Color Blindness Simulation

Original

#BAB5CC

Protanopia

#B8B8C6

Deuteranopia

#B8B8C5

Tritanopia

#BAC2C1

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D5E2
300
#BBB7CD
400
#978FB2
500
#726897
600
#5B5379
700
#494361
800
#39344B
900
#2C2838
950
#1C1A24

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.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