#BAA2C5

#BAA2C5

Color Values

HEX

#BAA2C5

RGB

186, 162, 197

HSL

281.1, 23.2%, 70.4%

HSV

281.1, 17.8%, 77.3%

CMYK

5.6%, 17.8%, 0.0%, 22.7%

OKLCH

0.7445 0.0561 315.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BAA2C5

#ADC5A2

Analogous

#A8A2C5

#C5A2BF

#BAA2C5

Triadic

#BAA2C5

#C5BAA2

#A2C5BA

Split Complementary

#BAA2C5

#BFC5A2

#A2C5A8

Tetradic

#BAA2C5

#C5A8A2

#ADC5A2

#A2BFC5

Color Blindness Simulation

Original

#BAA2C5

Protanopia

#B0AFBD

Deuteranopia

#B1B3BA

Tritanopia

#B9B6B4

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF1
200
#DED3E4
300
#C7B4D0
400
#A98BB7
500
#8A629D
600
#6F4E7E
700
#593F65
800
#45314F
900
#34263B
950
#211825

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026