#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026