#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026