#BA080E

#BA080E

Color Values

HEX

#BA080E

RGB

186, 8, 14

HSL

358.0, 91.8%, 38.0%

HSV

358.0, 95.7%, 72.9%

CMYK

0.0%, 95.7%, 92.5%, 27.1%

OKLCH

0.4982 0.2004 28.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA080E

#08BAB4

Analogous

#BA0867

#BA5B08

#BA080E

Triadic

#BA080E

#0EBA08

#080EBA

Split Complementary

#BA080E

#08BA5B

#0867BA

Tetradic

#BA080E

#67BA08

#08BAB4

#5B08BA

Color Blindness Simulation

Original

#BA080E

Protanopia

#6D6B0D

Deuteranopia

#77850C

Tritanopia

#B10B0B

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBD
300
#FA8A8D
400
#F74A50
500
#F50A12
600
#C4080F
700
#9D070C
800
#7A0509
900
#58080B
950
#380507

Contrast Checker

Text on white

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