#B42318

#B42318

Color Values

HEX

#B42318

RGB

180, 35, 24

HSL

4.2, 76.5%, 40.0%

HSV

4.2, 86.7%, 70.6%

CMYK

0.0%, 80.6%, 86.7%, 29.4%

OKLCH

0.5003 0.1821 29.5

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#B42318

#18A9B4

Analogous

#B4185B

#B47118

#B42318

Triadic

#B42318

#18B423

#2318B4

Split Complementary

#B42318

#18B471

#185BB4

Tetradic

#B42318

#5BB418

#18A9B4

#7118B4

Color Blindness Simulation

Original

#B42318

Protanopia

#75741B

Deuteranopia

#7E881B

Tritanopia

#AD1D1D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F7C4C0
300
#F19A93
400
#E96358
500
#E12C1E
600
#B42318
700
#901C13
800
#71160F
900
#52140F
950
#340C0A

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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