#BA5364

#BA5364

Color Values

HEX

#BA5364

RGB

186, 83, 100

HSL

350.1, 42.7%, 52.7%

HSV

350.1, 55.4%, 72.9%

CMYK

0.0%, 55.4%, 46.2%, 27.1%

OKLCH

0.5766 0.1336 12.0

Properties

Warm Dark Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#BA5364

#53BAA9

Analogous

#BA5397

#BA7553

#BA5364

Triadic

#BA5364

#64BA53

#5364BA

Split Complementary

#BA5364

#53BA75

#5397BA

Tetradic

#BA5364

#97BA53

#53BAA9

#7553BA

Color Blindness Simulation

Original

#BA5364

Protanopia

#8D8D60

Deuteranopia

#939B5F

Tritanopia

#B55D5C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #BA5364;
color: #BA5364;
border-color: #BA5364;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F5
100
#F4E7E9
200
#EBCCD1
300
#DCA8B0
400
#C97886
500
#B6495B
600
#923A49
700
#742F3A
800
#5B252E
900
#431E24
950
#2A1317

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026