#BAAFC0

#BAAFC0

Color Values

HEX

#BAAFC0

RGB

186, 175, 192

HSL

278.8, 11.9%, 72.0%

HSV

278.8, 8.9%, 75.3%

CMYK

3.1%, 8.9%, 0.0%, 24.7%

OKLCH

0.7684 0.0268 313.9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BAAFC0

#B5C0AF

Analogous

#B2AFC0

#C0AFBE

#BAAFC0

Triadic

#BAAFC0

#C0BAAF

#AFC0BA

Split Complementary

#BAAFC0

#BEC0AF

#AFC0B2

Tetradic

#BAAFC0

#C0B2AF

#B5C0AF

#AFBEC0

Color Blindness Simulation

Original

#BAAFC0

Protanopia

#B5B5BC

Deuteranopia

#B6B7BB

Tritanopia

#B9B9B8

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BAAFC0;
color: #BAAFC0;
border-color: #BAAFC0;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BBC9
400
#A495AC
500
#84708F
600
#6A5A72
700
#54485B
800
#423847
900
#322B36
950
#201B22

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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