#AD1818

#AD1818

Color Values

HEX

#AD1818

RGB

173, 24, 24

HSL

0.0, 75.6%, 38.6%

HSV

0.0, 86.1%, 67.8%

CMYK

0.0%, 86.1%, 86.1%, 32.2%

OKLCH

0.4799 0.1822 27.6

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AD1818

#18ADAD

Analogous

#AD1862

#AD6218

#AD1818

Triadic

#AD1818

#18AD18

#1818AD

Split Complementary

#AD1818

#18AD62

#1862AD

Tetradic

#AD1818

#62AD18

#18ADAD

#6218AD

Color Blindness Simulation

Original

#AD1818

Protanopia

#6C6B18

Deuteranopia

#758018

Tritanopia

#A61818

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E2E2
200
#F6C0C0
300
#F09494
400
#E85959
500
#E01F1F
600
#B31919
700
#8F1414
800
#701010
900
#510F0F
950
#330A0A

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026