#A03227

#A03227

Color Values

HEX

#A03227

RGB

160, 50, 39

HSL

5.5, 60.8%, 39.0%

HSV

5.5, 75.6%, 62.7%

CMYK

0.0%, 68.8%, 75.6%, 37.3%

OKLCH

0.4798 0.1474 29.3

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#A03227

#2795A0

Analogous

#A02758

#A06F27

#A03227

Triadic

#A03227

#27A032

#3227A0

Split Complementary

#A03227

#27A06F

#2758A0

Tetradic

#A03227

#58A027

#2795A0

#6F27A0

Color Blindness Simulation

Original

#A03227

Protanopia

#706F2A

Deuteranopia

#777F2A

Tritanopia

#9A2C2C

Achromatopsia

#494949

CSS Usage

background-color: #A03227;
color: #A03227;
border-color: #A03227;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF4F3
100
#F6E6E4
200
#F1CAC6
300
#E7A39D
400
#DA7267
500
#CD4032
600
#A43328
700
#832920
800
#672019
900
#4B1B16
950
#2F110E

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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