#AD752E

#AD752E

Color Values

HEX

#AD752E

RGB

173, 117, 46

HSL

33,5, 58,0%, 42,9%

HSV

33,5, 73,4%, 67,8%

CMYK

0,0%, 32,4%, 73,4%, 32,2%

OKLCH

0,6076 0,1107 69,0

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AD752E

#2E66AD

Analogous

#AD352E

#A5AD2E

#AD752E

Triadic

#AD752E

#2EAD75

#752EAD

Split Complementary

#AD752E

#2EA5AD

#352EAD

Tetradic

#AD752E

#2EAD35

#2E66AD

#AD2EA5

Color Blindness Simulation

Original

#AD752E

Protanopia

#95943F

Deuteranopia

#989C43

Tritanopia

#AA4D50

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AD752E;
color: #AD752E;
border-color: #AD752E;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DEC7
300
#E5C69E
400
#D7A76A
500
#C98836
600
#A16D2B
700
#815722
800
#65441B
900
#4A3317
950
#2F200F

Contrast Checker

Text on white

3,92:1

AA Fail AAA Fail

Text on black

5,36:1

AA Pass 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