#B01419

#B01419

Color Values

HEX

#B01419

RGB

176, 20, 25

HSL

358.1, 79.6%, 38.4%

HSV

358.1, 88.6%, 69.0%

CMYK

0.0%, 88.6%, 85.8%, 31.0%

OKLCH

0.4837 0.1868 27.0

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B01419

#14B0AB

Analogous

#B01467

#B05D14

#B01419

Triadic

#B01419

#19B014

#1419B0

Split Complementary

#B01419

#14B05D

#1467B0

Tetradic

#B01419

#67B014

#14B0AB

#5D14B0

Color Blindness Simulation

Original

#B01419

Protanopia

#6C6B18

Deuteranopia

#768118

Tritanopia

#A81717

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BFC1
300
#F39194
400
#EC565A
500
#E51A20
600
#B7151A
700
#931115
800
#720D10
900
#530E10
950
#35090A

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

2.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026