#AD0302

#AD0302

Color Values

HEX

#AD0302

RGB

173, 3, 2

HSL

0.4, 97.7%, 34.3%

HSV

0.4, 98.8%, 67.8%

CMYK

0.0%, 98.3%, 98.8%, 32.2%

OKLCH

0.4705 0.1916 29.2

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#AD0302

#02ACAD

Analogous

#AD0256

#AD5902

#AD0302

Triadic

#AD0302

#02AD03

#0302AD

Split Complementary

#AD0302

#02AD59

#0256AD

Tetradic

#AD0302

#56AD02

#02ACAD

#5902AD

Color Blindness Simulation

Original

#AD0302

Protanopia

#636202

Deuteranopia

#6D7A02

Tritanopia

#A40202

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B8
300
#FE8786
400
#FD4644
500
#FC0503
600
#CA0402
700
#A10302
800
#7E0201
900
#5B0606
950
#3A0404

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

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