#BAADC1

#BAADC1

Color Values

HEX

#BAADC1

RGB

186, 173, 193

HSL

279.0, 13.9%, 71.8%

HSV

279.0, 10.4%, 75.7%

CMYK

3.6%, 10.4%, 0.0%, 24.3%

OKLCH

0.7648 0.0316 314.0

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BAADC1

#B4C1AD

Analogous

#B0ADC1

#C1ADBE

#BAADC1

Triadic

#BAADC1

#C1BAAD

#ADC1BA

Split Complementary

#BAADC1

#BEC1AD

#ADC1B0

Tetradic

#BAADC1

#C1B0AD

#B4C1AD

#ADBEC1

Color Blindness Simulation

Original

#BAADC1

Protanopia

#B4B4BC

Deuteranopia

#B5B6BB

Tritanopia

#B9B8B8

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C4B9CA
400
#A594AE
500
#856E91
600
#6A5874
700
#55465D
800
#423749
900
#322A37
950
#201B22

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026