#BA050C

#BA050C

Color Values

HEX

#BA050C

RGB

186, 5, 12

HSL

357.7, 94.8%, 37.5%

HSV

357.7, 97.3%, 72.9%

CMYK

0.0%, 97.3%, 93.5%, 27.1%

OKLCH

0.4973 0.2013 28.2

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA050C

#05BAB3

Analogous

#BA0567

#BA5905

#BA050C

Triadic

#BA050C

#0CBA05

#050CBA

Split Complementary

#BA050C

#05BA59

#0567BA

Tetradic

#BA050C

#67BA05

#05BAB3

#5905BA

Color Blindness Simulation

Original

#BA050C

Protanopia

#6C6A0A

Deuteranopia

#76840A

Tritanopia

#B10909

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BC
300
#FC888C
400
#FA474E
500
#F80710
600
#C7050D
700
#9F040A
800
#7C0308
900
#5A070A
950
#390406

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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