#BA4556

#BA4556

Color Values

HEX

#BA4556

RGB

186, 69, 86

HSL

351.3, 45.9%, 50.0%

HSV

351.3, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 53.8%, 27.1%

OKLCH

0.5545 0.1509 14.8

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BA4556

#45BAA9

Analogous

#BA4590

#BA6F45

#BA4556

Triadic

#BA4556

#56BA45

#4556BA

Split Complementary

#BA4556

#45BA6F

#4590BA

Tetradic

#BA4556

#90BA45

#45BAA9

#6F45BA

Color Blindness Simulation

Original

#BA4556

Protanopia

#878652

Deuteranopia

#8E9751

Tritanopia

#B44F4E

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBD0
300
#DEA6AE
400
#CC7582
500
#BA4556
600
#953745
700
#772C37
800
#5D222B
900
#441C22
950
#2B1216

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