#BA3123

#BA3123

Color Values

HEX

#BA3123

RGB

186, 49, 35

HSL

5.6, 68.3%, 43.3%

HSV

5.6, 81.2%, 72.9%

CMYK

0.0%, 73.7%, 81.2%, 27.1%

OKLCH

0.524 0.176 29.9

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BA3123

#23ACBA

Analogous

#BA2360

#BA7C23

#BA3123

Triadic

#BA3123

#23BA31

#3123BA

Split Complementary

#BA3123

#23BA7C

#2360BA

Tetradic

#BA3123

#60BA23

#23ACBA

#7C23BA

Color Blindness Simulation

Original

#BA3123

Protanopia

#7F7D26

Deuteranopia

#879127

Tritanopia

#B3292A

Achromatopsia

#4D4D4D

CSS Usage

background-color: #BA3123;
color: #BA3123;
border-color: #BA3123;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C7C3
300
#ECA098
400
#E16C60
500
#D73928
600
#AC2D20
700
#89241A
800
#6B1C14
900
#4E1813
950
#310F0C

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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