#BA5159

#BA5159

Color Values

HEX

#BA5159

RGB

186, 81, 89

HSL

355.4, 43.2%, 52.4%

HSV

355.4, 56.5%, 72.9%

CMYK

0.0%, 56.5%, 52.2%, 27.1%

OKLCH

0.5711 0.1359 17.8

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#BA5159

#51BAB2

Analogous

#BA518E

#BA7E51

#BA5159

Triadic

#BA5159

#59BA51

#5159BA

Split Complementary

#BA5159

#51BA7E

#518EBA

Tetradic

#BA5159

#8EBA51

#51BAB2

#7E51BA

Color Blindness Simulation

Original

#BA5159

Protanopia

#8D8C57

Deuteranopia

#939A57

Tritanopia

#B55655

Achromatopsia

#686868

CSS Usage

background-color: #BA5159;
color: #BA5159;
border-color: #BA5159;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCCE
300
#DCA7AB
400
#C9787E
500
#B74851
600
#923A41
700
#752E34
800
#5B2428
900
#431E21
950
#2A1315

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail AAA Fail

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