#BA4842

#BA4842

Color Values

HEX

#BA4842

RGB

186, 72, 66

HSL

3.0, 47.6%, 49.4%

HSV

3.0, 64.5%, 72.9%

CMYK

0.0%, 61.3%, 64.5%, 27.1%

OKLCH

0.5543 0.1488 26.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#BA4842

#42B4BA

Analogous

#BA4278

#BA8442

#BA4842

Triadic

#BA4842

#42BA48

#4842BA

Split Complementary

#BA4842

#42BA84

#4278BA

Tetradic

#BA4842

#78BA42

#42B4BA

#8442BA

Color Blindness Simulation

Original

#BA4842

Protanopia

#898843

Deuteranopia

#8F9844

Tritanopia

#B44545

Achromatopsia

#606060

CSS Usage

background-color: #BA4842;
color: #BA4842;
border-color: #BA4842;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA8A5
400
#CE7874
500
#BC4943
600
#973A35
700
#782F2B
800
#5E2421
900
#451E1C
950
#2C1311

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026