#BA9BAE

#BA9BAE

Color Values

HEX

#BA9BAE

RGB

186, 155, 174

HSL

323.2, 18.3%, 66.9%

HSV

323.2, 16.7%, 72.9%

CMYK

0.0%, 16.7%, 6.5%, 27.1%

OKLCH

0.7231 0.0449 341.0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BA9BAE

#9BBAA7

Analogous

#B79BBA

#BA9B9F

#BA9BAE

Triadic

#BA9BAE

#AEBA9B

#9BAEBA

Split Complementary

#BA9BAE

#9FBA9B

#9BBAB7

Tetradic

#BA9BAE

#BAB79B

#9BBAA7

#9B9FBA

Color Blindness Simulation

Original

#BA9BAE

Protanopia

#ADACA9

Deuteranopia

#AEB1A8

Tritanopia

#B8A6A5

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB7C4
400
#B28FA5
500
#976885
600
#79536A
700
#614355
800
#4B3442
900
#382832
950
#241A20

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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