#B31319

#B31319

Color Values

HEX

#B31319

RGB

179, 19, 25

HSL

357.8, 80.8%, 38.8%

HSV

357.8, 89.4%, 70.2%

CMYK

0.0%, 89.4%, 86.0%, 29.8%

OKLCH

0.4891 0.1899 26.9

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B31319

#13B3AD

Analogous

#B31369

#B35D13

#B31319

Triadic

#B31319

#19B313

#1319B3

Split Complementary

#B31319

#13B35D

#1369B3

Tetradic

#B31319

#69B313

#13B3AD

#5D13B3

Color Blindness Simulation

Original

#B31319

Protanopia

#6E6C18

Deuteranopia

#778317

Tritanopia

#AB1616

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E1E2
200
#F8BEC1
300
#F39094
400
#ED545A
500
#E71820
600
#B8141A
700
#941015
800
#730C10
900
#540D10
950
#35080A

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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