#BA4554

#BA4554

Color Values

HEX

#BA4554

RGB

186, 69, 84

HSL

352.3, 45.9%, 50.0%

HSV

352.3, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 54.8%, 27.1%

OKLCH

0.5541 0.1509 15.9

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BA4554

#45BAAB

Analogous

#BA458F

#BA7045

#BA4554

Triadic

#BA4554

#54BA45

#4554BA

Split Complementary

#BA4554

#45BA70

#458FBA

Tetradic

#BA4554

#8FBA45

#45BAAB

#7045BA

Color Blindness Simulation

Original

#BA4554

Protanopia

#878650

Deuteranopia

#8E9750

Tritanopia

#B44E4D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBCF
300
#DEA6AD
400
#CC7580
500
#BA4554
600
#953743
700
#772C36
800
#5D222A
900
#441C22
950
#2B1215

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026