#BA3632

#BA3632

Color Values

HEX

#BA3632

RGB

186, 54, 50

HSL

1.8, 57.6%, 46.3%

HSV

1.8, 73.1%, 72.9%

CMYK

0.0%, 71.0%, 73.1%, 27.1%

OKLCH

0.5308 0.1694 26.5

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BA3632

#32B6BA

Analogous

#BA3272

#BA7A32

#BA3632

Triadic

#BA3632

#32BA36

#3632BA

Split Complementary

#BA3632

#32BA7A

#3272BA

Tetradic

#BA3632

#72BA32

#32B6BA

#7A32BA

Color Blindness Simulation

Original

#BA3632

Protanopia

#818033

Deuteranopia

#889233

Tritanopia

#B33434

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C8C7
300
#E5A19F
400
#D76E6A
500
#C93A36
600
#A12F2B
700
#812523
800
#641D1B
900
#4A1917
950
#2E100F

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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