#BA4550

#BA4550

Color Values

HEX

#BA4550

RGB

186, 69, 80

HSL

354.4, 45.9%, 50.0%

HSV

354.4, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 57.0%, 27.1%

OKLCH

0.5532 0.1509 18.0

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BA4550

#45BAAF

Analogous

#BA458A

#BA7545

#BA4550

Triadic

#BA4550

#50BA45

#4550BA

Split Complementary

#BA4550

#45BA75

#458ABA

Tetradic

#BA4550

#8ABA45

#45BAAF

#7545BA

Color Blindness Simulation

Original

#BA4550

Protanopia

#87864D

Deuteranopia

#8E974D

Tritanopia

#B44B4B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCE
300
#DEA6AB
400
#CC757D
500
#BA4550
600
#953740
700
#772C33
800
#5D2228
900
#441C20
950
#2B1214

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.05: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