#AA4338

#AA4338

Color Values

HEX

#AA4338

RGB

170, 67, 56

HSL

5.8, 50.4%, 44.3%

HSV

5.8, 67.1%, 66.7%

CMYK

0.0%, 60.6%, 67.1%, 33.3%

OKLCH

0.5205 0.1379 28.8

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA4338

#389FAA

Analogous

#AA3866

#AA7C38

#AA4338

Triadic

#AA4338

#38AA43

#4338AA

Split Complementary

#AA4338

#38AA7C

#3866AA

Tetradic

#AA4338

#66AA38

#389FAA

#7C38AA

Color Blindness Simulation

Original

#AA4338

Protanopia

#7D7D3B

Deuteranopia

#838B3B

Tritanopia

#A53D3D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDC9
300
#E1A9A3
400
#D07A71
500
#C04C3F
600
#993D33
700
#7B3028
800
#602620
900
#461F1A
950
#2C1311

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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