#7A0C09

#7A0C09

Color Values

HEX

#7A0C09

RGB

122, 12, 9

HSL

1.6, 86.3%, 25.7%

HSV

1.6, 92.6%, 47.8%

CMYK

0.0%, 90.2%, 92.6%, 52.2%

OKLCH

0.3707 0.1426 28.7

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#7A0C09

#09777A

Analogous

#7A093F

#7A4509

#7A0C09

Triadic

#7A0C09

#097A0C

#0C097A

Split Complementary

#7A0C09

#097A45

#093F7A

Tetradic

#7A0C09

#3F7A09

#09777A

#45097A

Color Blindness Simulation

Original

#7A0C09

Protanopia

#4A490A

Deuteranopia

#51590A

Tritanopia

#740A0A

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#FABEBC
300
#F7908D
400
#F2544F
500
#EE1711
600
#BE130E
700
#980F0B
800
#770C09
900
#560D0B
950
#360807

Contrast Checker

Text on white

11.15:1

AA Pass AAA Pass

Text on black

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