#BAB8CC

#BAB8CC

Color Values

HEX

#BAB8CC

RGB

186, 184, 204

HSL

246.0, 16.4%, 76.1%

HSV

246.0, 9.8%, 80.0%

CMYK

8.8%, 9.8%, 0.0%, 20.0%

OKLCH

0.7905 0.0281 290.3

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BAB8CC

#CACCB8

Analogous

#B8C0CC

#C4B8CC

#BAB8CC

Triadic

#BAB8CC

#CCBAB8

#B8CCBA

Split Complementary

#BAB8CC

#CCC4B8

#C0CCB8

Tetradic

#BAB8CC

#CCB8C0

#CACCB8

#B8CCC4

Color Blindness Simulation

Original

#BAB8CC

Protanopia

#B9B9C7

Deuteranopia

#B9B9C6

Tritanopia

#BAC3C2

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D7D5E1
300
#BAB8CC
400
#9491B0
500
#6F6B94
600
#595577
700
#47445F
800
#37354A
900
#2B2938
950
#1B1A23

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.82:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026