#BA0A07

#BA0A07

Color Values

HEX

#BA0A07

RGB

186, 10, 7

HSL

1.0, 92.7%, 37.8%

HSV

1.0, 96.2%, 72.9%

CMYK

0.0%, 94.6%, 96.2%, 27.1%

OKLCH

0.4985 0.2002 29.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA0A07

#07B7BA

Analogous

#BA075D

#BA6307

#BA0A07

Triadic

#BA0A07

#07BA0A

#0A07BA

Split Complementary

#BA0A07

#07BA63

#075DBA

Tetradic

#BA0A07

#5DBA07

#07B7BA

#6307BA

Color Blindness Simulation

Original

#BA0A07

Protanopia

#6E6C08

Deuteranopia

#788508

Tritanopia

#B10808

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBBBA
300
#FB8B89
400
#F84C49
500
#F60D09
600
#C50B07
700
#9D0806
800
#7B0705
900
#590908
950
#380605

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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