#BA969F

#BA969F

Color Values

HEX

#BA969F

RGB

186, 150, 159

HSL

345.0, 20.7%, 65.9%

HSV

345.0, 19.4%, 72.9%

CMYK

0.0%, 19.4%, 14.5%, 27.1%

OKLCH

0.7088 0.0447 1.6

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA969F

#96BAB1

Analogous

#BA96B1

#BA9F96

#BA969F

Triadic

#BA969F

#9FBA96

#969FBA

Split Complementary

#BA969F

#96BA9F

#96B1BA

Tetradic

#BA969F

#B1BA96

#96BAB1

#9F96BA

Color Blindness Simulation

Original

#BA969F

Protanopia

#AAAA9D

Deuteranopia

#ACAF9C

Tritanopia

#B89B9B

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4D8
300
#CEB5BB
400
#B48D97
500
#9A6572
600
#7B515B
700
#624149
800
#4D3339
900
#39272C
950
#24191C

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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