#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