#7C2318

#7C2318

Color Values

HEX

#7C2318

RGB

124, 35, 24

HSL

6.6, 67.6%, 29.0%

HSV

6.6, 80.6%, 48.6%

CMYK

0.0%, 71.8%, 80.6%, 51.4%

OKLCH

0.396 0.1249 30.4

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#7C2318

#18717C

Analogous

#7C183F

#7C5518

#7C2318

Triadic

#7C2318

#187C23

#23187C

Split Complementary

#7C2318

#187C55

#183F7C

Tetradic

#7C2318

#3F7C18

#18717C

#55187C

Color Blindness Simulation

Original

#7C2318

Protanopia

#55551B

Deuteranopia

#5B611B

Tritanopia

#781D1D

Achromatopsia

#353535

CSS Usage

background-color: #7C2318;
color: #7C2318;
border-color: #7C2318;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C8C3
300
#EBA298
400
#E06F61
500
#D63C29
600
#AB3021
700
#89271A
800
#6B1E15
900
#4E1913
950
#31100C

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026