#A03004

#A03004

Color Values

HEX

#A03004

RGB

160, 48, 4

HSL

16.9, 95.1%, 32.2%

HSV

16.9, 97.5%, 62.7%

CMYK

0.0%, 70.0%, 97.5%, 37.3%

OKLCH

0.4748 0.1547 37.5

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#A03004

#0474A0

Analogous

#A00426

#A07E04

#A03004

Triadic

#A03004

#04A030

#3004A0

Split Complementary

#A03004

#04A07E

#0426A0

Tetradic

#A03004

#26A004

#0474A0

#7E04A0

Color Blindness Simulation

Original

#A03004

Protanopia

#6F6F0F

Deuteranopia

#767E11

Tritanopia

#9A1719

Achromatopsia

#454545

CSS Usage

background-color: #A03004;
color: #A03004;
border-color: #A03004;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FEF5F1
100
#FCE7DF
200
#FDCCB9
300
#FCA888
400
#FA7947
500
#F94B06
600
#C73C05
700
#9F3004
800
#7C2503
900
#5A1E07
950
#391304

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

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