#BA0B07

#BA0B07

Color Values

HEX

#BA0B07

RGB

186, 11, 7

HSL

1.3, 92.7%, 37.8%

HSV

1.3, 96.2%, 72.9%

CMYK

0.0%, 94.1%, 96.2%, 27.1%

OKLCH

0.4987 0.2 29.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA0B07

#07B6BA

Analogous

#BA075D

#BA6407

#BA0B07

Triadic

#BA0B07

#07BA0B

#0B07BA

Split Complementary

#BA0B07

#07BA64

#075DBA

Tetradic

#BA0B07

#5DBA07

#07B6BA

#6407BA

Color Blindness Simulation

Original

#BA0B07

Protanopia

#6E6D08

Deuteranopia

#788608

Tritanopia

#B10909

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBCBA
300
#FB8C89
400
#F84D49
500
#F60E09
600
#C50C07
700
#9D0906
800
#7B0705
900
#590A08
950
#380605

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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