#AD4232

#AD4232

Color Values

HEX

#AD4232

RGB

173, 66, 50

HSL

7,8, 55,2%, 43,7%

HSV

7,8, 71,1%, 67,8%

CMYK

0,0%, 61,8%, 71,1%, 32,2%

OKLCH

0,5231 0,1436 30,9

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD4232

#329DAD

Analogous

#AD325F

#AD7F32

#AD4232

Triadic

#AD4232

#32AD42

#4232AD

Split Complementary

#AD4232

#32AD7F

#325FAD

Tetradic

#AD4232

#5FAD32

#329DAD

#7F32AD

Color Blindness Simulation

Original

#AD4232

Protanopia

#7F7E36

Deuteranopia

#858D37

Tritanopia

#A8393A

Achromatopsia

#585858

CSS Usage

background-color: #AD4232;
color: #AD4232;
border-color: #AD4232;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FBF5F4
100
#F6E7E5
200
#EFCDC8
300
#E4A9A0
400
#D57A6D
500
#C64B39
600
#9E3C2E
700
#7F3025
800
#63261D
900
#491F18
950
#2E130F

Contrast Checker

Text on white

5,83:1

AA Pass AAA Fail

Text on black

3,6: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