#7C1811

#7C1811

Color Values

HEX

#7C1811

RGB

124, 24, 17

HSL

3.9, 75.9%, 27.6%

HSV

3.9, 86.3%, 48.6%

CMYK

0.0%, 80.6%, 86.3%, 51.4%

OKLCH

0.384 0.1358 29.1

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#7C1811

#11757C

Analogous

#7C113F

#7C4D11

#7C1811

Triadic

#7C1811

#117C18

#18117C

Split Complementary

#7C1811

#117C4D

#113F7C

Tetradic

#7C1811

#3F7C11

#11757C

#4D117C

Color Blindness Simulation

Original

#7C1811

Protanopia

#515013

Deuteranopia

#565E13

Tritanopia

#771414

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C0
300
#F09993
400
#E86259
500
#E02B1F
600
#B32319
700
#901C14
800
#70160F
900
#52140F
950
#340C0A

Contrast Checker

Text on white

10.52:1

AA Pass AAA Pass

Text on black

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