#A34236

#A34236

Color Values

HEX

#A34236

RGB

163, 66, 54

HSL

6.6, 50.2%, 42.5%

HSV

6.6, 66.9%, 63.9%

CMYK

0.0%, 59.5%, 66.9%, 36.1%

OKLCH

0.5076 0.1312 29.5

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#A34236

#3697A3

Analogous

#A33660

#A37836

#A34236

Triadic

#A34236

#36A342

#4236A3

Split Complementary

#A34236

#36A378

#3660A3

Tetradic

#A34236

#60A336

#3697A3

#7836A3

Color Blindness Simulation

Original

#A34236

Protanopia

#797839

Deuteranopia

#7F863A

Tritanopia

#9E3B3C

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDC9
300
#E1AAA3
400
#D07C71
500
#C04E3F
600
#993E33
700
#7B3229
800
#602720
900
#461F1B
950
#2C1411

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

3.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026