#BA4A50

#BA4A50

Color Values

HEX

#BA4A50

RGB

186, 74, 80

HSL

356.8, 44.8%, 51.0%

HSV

356.8, 60.2%, 72.9%

CMYK

0.0%, 60.2%, 57.0%, 27.1%

OKLCH

0.5596 0.1449 19.9

Properties

Warm Dark Nearest: indianred

Color Harmonies

Complementary

#BA4A50

#4ABAB4

Analogous

#BA4A88

#BA7C4A

#BA4A50

Triadic

#BA4A50

#50BA4A

#4A50BA

Split Complementary

#BA4A50

#4ABA7C

#4A88BA

Tetradic

#BA4A50

#88BA4A

#4ABAB4

#7C4ABA

Color Blindness Simulation

Original

#BA4A50

Protanopia

#89894F

Deuteranopia

#90984E

Tritanopia

#B44D4D

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCD
300
#DDA6A9
400
#CB767B
500
#B9464C
600
#94383D
700
#762D31
800
#5C2326
900
#441D1F
950
#2B1214

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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