#BA1914

#BA1914

Color Values

HEX

#BA1914

RGB

186, 25, 20

HSL

1.8, 80.6%, 40.4%

HSV

1.8, 89.2%, 72.9%

CMYK

0.0%, 86.6%, 89.2%, 27.1%

OKLCH

0.5051 0.1937 28.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA1914

#14B5BA

Analogous

#BA1462

#BA6C14

#BA1914

Triadic

#BA1914

#14BA19

#1914BA

Split Complementary

#BA1914

#14BA6C

#1462BA

Tetradic

#BA1914

#62BA14

#14B5BA

#6C14BA

Color Blindness Simulation

Original

#BA1914

Protanopia

#747315

Deuteranopia

#7E8A16

Tritanopia

#B21616

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E2E1
200
#F8C0BF
300
#F39390
400
#ED5955
500
#E61F19
600
#B81914
700
#931410
800
#730F0C
900
#540F0D
950
#350A08

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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