#AD5342

#AD5342

Color Values

HEX

#AD5342

RGB

173, 83, 66

HSL

9,5, 44,8%, 46,9%

HSV

9,5, 61,8%, 67,8%

CMYK

0,0%, 52,0%, 61,8%, 32,2%

OKLCH

0,5502 0,1217 32,2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD5342

#429CAD

Analogous

#AD4267

#AD8942

#AD5342

Triadic

#AD5342

#42AD53

#5342AD

Split Complementary

#AD5342

#42AD89

#4267AD

Tetradic

#AD5342

#67AD42

#429CAD

#8942AD

Color Blindness Simulation

Original

#AD5342

Protanopia

#868546

Deuteranopia

#8B9247

Tritanopia

#A8494A

Achromatopsia

#656565

CSS Usage

background-color: #AD5342;
color: #AD5342;
border-color: #AD5342;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F4
100
#F4E9E6
200
#EBD0CB
300
#DDAFA6
400
#CB8476
500
#B95846
600
#944738
700
#76392D
800
#5C2C23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

5,13:1

AA Pass AAA Fail

Text on black

4,09: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