#7C0418

#7C0418

Color Values

HEX

#7C0418

RGB

124, 4, 24

HSL

350.0, 93.8%, 25.1%

HSV

350.0, 96.8%, 48.6%

CMYK

0.0%, 96.8%, 80.6%, 51.4%

OKLCH

0.3723 0.1471 22.3

Properties

Warm Dark Nearest: NCS S 3060-R Dark Red

Color Harmonies

Complementary

#7C0418

#047C68

Analogous

#7C0454

#7C2C04

#7C0418

Triadic

#7C0418

#187C04

#04187C

Split Complementary

#7C0418

#047C2C

#04547C

Tetradic

#7C0418

#547C04

#047C68

#2C047C

Color Blindness Simulation

Original

#7C0418

Protanopia

#484713

Deuteranopia

#4F5812

Tritanopia

#760F0F

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE4
200
#FDBAC5
300
#FB889C
400
#F94866
500
#F70830
600
#C60626
700
#9E051F
800
#7C0418
900
#590815
950
#38050D

Contrast Checker

Text on white

11.13:1

AA Pass AAA Pass

Text on black

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