#BAAFBD

#BAAFBD

Color Values

HEX

#BAAFBD

RGB

186, 175, 189

HSL

287.1, 9.6%, 71.4%

HSV

287.1, 7.4%, 74.1%

CMYK

1.6%, 7.4%, 0.0%, 25.9%

OKLCH

0.7675 0.0231 319.0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BAAFBD

#B2BDAF

Analogous

#B3AFBD

#BDAFB9

#BAAFBD

Triadic

#BAAFBD

#BDBAAF

#AFBDBA

Split Complementary

#BAAFBD

#B9BDAF

#AFBDB3

Tetradic

#BAAFBD

#BDB3AF

#B2BDAF

#AFB9BD

Color Blindness Simulation

Original

#BAAFBD

Protanopia

#B5B5BA

Deuteranopia

#B6B7B9

Tritanopia

#B9B7B6

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C5BCC8
400
#A698AA
500
#86738C
600
#6C5C70
700
#564A59
800
#433A46
900
#332C35
950
#201C21

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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