#A40707

#A40707

Color Values

HEX

#A40707

RGB

164, 7, 7

HSL

0.0, 91.8%, 33.5%

HSV

0.0, 95.7%, 64.3%

CMYK

0.0%, 95.7%, 95.7%, 35.7%

OKLCH

0.454 0.1825 28.8

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#A40707

#07A4A4

Analogous

#A40755

#A45507

#A40707

Triadic

#A40707

#07A407

#0707A4

Split Complementary

#A40707

#07A455

#0755A4

Tetradic

#A40707

#55A407

#07A4A4

#5507A4

Color Blindness Simulation

Original

#A40707

Protanopia

#605F07

Deuteranopia

#697507

Tritanopia

#9C0707

Achromatopsia

#282828

CSS Usage

background-color: #A40707;
color: #A40707;
border-color: #A40707;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBB
300
#FA8A8A
400
#F74A4A
500
#F50A0A
600
#C40808
700
#9D0707
800
#7A0505
900
#580808
950
#380505

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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