#A52C2C

#A52C2C

Color Values

HEX

#A52C2C

RGB

165, 44, 44

HSL

0.0, 57.9%, 41.0%

HSV

0.0, 73.3%, 64.7%

CMYK

0.0%, 73.3%, 73.3%, 35.3%

OKLCH

0.4829 0.1576 25.3

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#A52C2C

#2CA5A5

Analogous

#A52C69

#A5692C

#A52C2C

Triadic

#A52C2C

#2CA52C

#2C2CA5

Split Complementary

#A52C2C

#2CA569

#2C69A5

Tetradic

#A52C2C

#69A52C

#2CA5A5

#692CA5

Color Blindness Simulation

Original

#A52C2C

Protanopia

#71702C

Deuteranopia

#78812C

Tritanopia

#9F2C2C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E4
200
#F0C7C7
300
#E59E9E
400
#D76A6A
500
#C93636
600
#A12B2B
700
#812222
800
#651B1B
900
#4A1717
950
#2F0F0F

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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