#AD2500

#AD2500

Color Values

HEX

#AD2500

RGB

173, 37, 0

HSL

12.8, 100.0%, 33.9%

HSV

12.8, 100.0%, 67.8%

CMYK

0.0%, 78.6%, 100.0%, 32.2%

OKLCH

0.4877 0.1763 33.8

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#AD2500

#0088AD

Analogous

#AD0032

#AD7B00

#AD2500

Triadic

#AD2500

#00AD25

#2500AD

Split Complementary

#AD2500

#00AD7B

#0032AD

Tetradic

#AD2500

#32AD00

#0088AD

#7B00AD

Color Blindness Simulation

Original

#AD2500

Protanopia

#727109

Deuteranopia

#7A840B

Tritanopia

#A61012

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AD2500;
color: #AD2500;
border-color: #AD2500;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FFC7B8
300
#FF9F85
400
#FF6B42
500
#FF3600
600
#CC2C00
700
#A32300
800
#801B00
900
#5C1705
950
#3A0F03

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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