#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

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