#BA9EA3

#BA9EA3

Color Values

HEX

#BA9EA3

RGB

186, 158, 163

HSL

349.3, 16.9%, 67.5%

HSV

349.3, 15.1%, 72.9%

CMYK

0.0%, 15.1%, 12.4%, 27.1%

OKLCH

0.7256 0.0337 5.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA9EA3

#9EBAB5

Analogous

#BA9EB1

#BAA79E

#BA9EA3

Triadic

#BA9EA3

#A3BA9E

#9EA3BA

Split Complementary

#BA9EA3

#9EBAA7

#9EB1BA

Tetradic

#BA9EA3

#B1BA9E

#9EBAB5

#A79EBA

Color Blindness Simulation

Original

#BA9EA3

Protanopia

#AEAEA2

Deuteranopia

#B0B2A2

Tritanopia

#B9A1A1

Achromatopsia

#A4A4A4

CSS Usage

background-color: #BA9EA3;
color: #BA9EA3;
border-color: #BA9EA3;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D7
300
#CCB7BB
400
#B19196
500
#956A72
600
#77555B
700
#5F4449
800
#4B3539
900
#38292C
950
#231A1C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026