#7B0C04

#7B0C04

Color Values

HEX

#7B0C04

RGB

123, 12, 4

HSL

4.0, 93.7%, 24.9%

HSV

4.0, 96.7%, 48.2%

CMYK

0.0%, 90.2%, 96.7%, 51.8%

OKLCH

0.3724 0.1441 30.0

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#7B0C04

#04737B

Analogous

#7B0438

#7B4704

#7B0C04

Triadic

#7B0C04

#047B0C

#0C047B

Split Complementary

#7B0C04

#047B47

#04387B

Tetradic

#7B0C04

#387B04

#04737B

#47047B

Color Blindness Simulation

Original

#7B0C04

Protanopia

#4B4A06

Deuteranopia

#515A06

Tritanopia

#750708

Achromatopsia

#232323

CSS Usage

background-color: #7B0C04;
color: #7B0C04;
border-color: #7B0C04;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FDBEBA
300
#FB9088
400
#F95448
500
#F71808
600
#C61306
700
#9E0F05
800
#7B0C04
900
#590D08
950
#380805

Contrast Checker

Text on white

11.07:1

AA Pass AAA Pass

Text on black

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