#B41822

#B41822

Color Values

HEX

#B41822

RGB

180, 24, 34

HSL

356.2, 76.5%, 40.0%

HSV

356.2, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 81.1%, 29.4%

OKLCH

0.4943 0.1875 25.3

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B41822

#18B4AA

Analogous

#B41870

#B45C18

#B41822

Triadic

#B41822

#22B418

#1822B4

Split Complementary

#B41822

#18B45C

#1870B4

Tetradic

#B41822

#70B418

#18B4AA

#5C18B4

Color Blindness Simulation

Original

#B41822

Protanopia

#706F20

Deuteranopia

#7A851F

Tritanopia

#AC1E1D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F7C0C3
300
#F19399
400
#E95862
500
#E11E2A
600
#B41822
700
#90131B
800
#710F15
900
#520F13
950
#340A0C

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026