#B31713

#B31713

Color Values

HEX

#B31713

RGB

179, 23, 19

HSL

1.5, 80.8%, 38.8%

HSV

1.5, 89.4%, 70.2%

CMYK

0.0%, 87.2%, 89.4%, 29.8%

OKLCH

0.4906 0.1886 28.6

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#B31713

#13AFB3

Analogous

#B3135F

#B36713

#B31713

Triadic

#B31713

#13B317

#1713B3

Split Complementary

#B31713

#13B367

#135FB3

Tetradic

#B31713

#5FB313

#13AFB3

#6713B3

Color Blindness Simulation

Original

#B31713

Protanopia

#6F6E14

Deuteranopia

#788414

Tritanopia

#AB1515

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E2E1
200
#F8C0BE
300
#F39390
400
#ED5854
500
#E71E18
600
#B81814
700
#941310
800
#730F0C
900
#540F0D
950
#350908

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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