#A02A24

#A02A24

Color Values

HEX

#A02A24

RGB

160, 42, 36

HSL

2.9, 63.3%, 38.4%

HSV

2.9, 77.5%, 62.7%

CMYK

0.0%, 73.8%, 77.5%, 37.3%

OKLCH

0.4708 0.1553 27.7

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#A02A24

#249AA0

Analogous

#A0245C

#A06824

#A02A24

Triadic

#A02A24

#24A02A

#2A24A0

Split Complementary

#A02A24

#24A068

#245CA0

Tetradic

#A02A24

#5CA024

#249AA0

#6824A0

Color Blindness Simulation

Original

#A02A24

Protanopia

#6D6C25

Deuteranopia

#747D26

Tritanopia

#9A2727

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E4E4
200
#F2C7C5
300
#E99F9B
400
#DC6B65
500
#D0372F
600
#A72C25
700
#85231E
800
#681B17
900
#4C1815
950
#300F0D

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

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