#B30403

#B30403

Color Values

HEX

#B30403

RGB

179, 4, 3

HSL

0.3, 96.7%, 35.7%

HSV

0.3, 98.3%, 70.2%

CMYK

0.0%, 97.8%, 98.3%, 29.8%

OKLCH

0.4828 0.1963 29.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#B30403

#03B2B3

Analogous

#B3035A

#B35C03

#B30403

Triadic

#B30403

#03B304

#0403B3

Split Complementary

#B30403

#03B35C

#035AB3

Tetradic

#B30403

#5AB303

#03B2B3

#5C03B3

Color Blindness Simulation

Original

#B30403

Protanopia

#676603

Deuteranopia

#717E03

Tritanopia

#AA0303

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B9
300
#FD8787
400
#FC4645
500
#FB0504
600
#C90403
700
#A10303
800
#7D0302
900
#5B0706
950
#390404

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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