#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026