#AE7225

#AE7225

Color Values

HEX

#AE7225

RGB

174, 114, 37

HSL

33.7, 64.9%, 41.4%

HSV

33.7, 78.7%, 68.2%

CMYK

0.0%, 34.5%, 78.7%, 31.8%

OKLCH

0.6023 0.1167 68.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#AE7225

#2561AE

Analogous

#AE2E25

#A6AE25

#AE7225

Triadic

#AE7225

#25AE72

#7225AE

Split Complementary

#AE7225

#25A6AE

#2E25AE

Tetradic

#AE7225

#25AE2E

#2561AE

#AE25A6

Color Blindness Simulation

Original

#AE7225

Protanopia

#949338

Deuteranopia

#989C3C

Tritanopia

#AB464A

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DEC4
300
#EAC79A
400
#DEA863
500
#D28A2D
600
#A86E24
700
#87581D
800
#694516
900
#4D3414
950
#30210D

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026