#BA4555

#BA4555

Color Values

HEX

#BA4555

RGB

186, 69, 85

HSL

351.8, 45.9%, 50.0%

HSV

351.8, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 54.3%, 27.1%

OKLCH

0.5543 0.1509 15.4

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BA4555

#45BAAA

Analogous

#BA458F

#BA7045

#BA4555

Triadic

#BA4555

#55BA45

#4555BA

Split Complementary

#BA4555

#45BA70

#458FBA

Tetradic

#BA4555

#8FBA45

#45BAAA

#7045BA

Color Blindness Simulation

Original

#BA4555

Protanopia

#878651

Deuteranopia

#8E9750

Tritanopia

#B44E4D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBCF
300
#DEA6AD
400
#CC7581
500
#BA4555
600
#953744
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

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026