#BA978B

#BA978B

Color Values

HEX

#BA978B

RGB

186, 151, 139

HSL

15,3, 25,4%, 63,7%

HSV

15,3, 25,3%, 72,9%

CMYK

0,0%, 18,8%, 25,3%, 27,1%

OKLCH

0,7052 0,0456 39,8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA978B

#8BAEBA

Analogous

#BA8B96

#BAAE8B

#BA978B

Triadic

#BA978B

#8BBA97

#978BBA

Split Complementary

#BA978B

#8BBAAE

#8B96BA

Tetradic

#BA978B

#96BA8B

#8BAEBA

#AE8BBA

Color Blindness Simulation

Original

#BA978B

Protanopia

#ABAB8E

Deuteranopia

#ADB08F

Tritanopia

#B89091

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EBE9
200
#E4D7D2
300
#D1BAB2
400
#B99589
500
#A0705F
600
#80594C
700
#66473D
800
#503830
900
#3C2B25
950
#261B18

Contrast Checker

Text on white

2,66:1

AA Fail AAA Fail

Text on black

7,89: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