#A4453B

#A4453B

Color Values

HEX

#A4453B

RGB

164, 69, 59

HSL

5.7, 47.1%, 43.7%

HSV

5.7, 64.0%, 64.3%

CMYK

0.0%, 57.9%, 64.0%, 35.7%

OKLCH

0.5143 0.128 28.4

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#A4453B

#3B9AA4

Analogous

#A43B65

#A4793B

#A4453B

Triadic

#A4453B

#3BA445

#453BA4

Split Complementary

#A4453B

#3BA479

#3B65A4

Tetradic

#A4453B

#65A43B

#3B9AA4

#793BA4

Color Blindness Simulation

Original

#A4453B

Protanopia

#7B7A3D

Deuteranopia

#80883E

Tritanopia

#9F3F40

Achromatopsia

#585858

CSS Usage

background-color: #A4453B;
color: #A4453B;
border-color: #A4453B;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFAAA5
400
#CD7D74
500
#BC4F43
600
#963F36
700
#78322B
800
#5E2722
900
#45201C
950
#2C1412

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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