#AE7D29

#AE7D29

Color Values

HEX

#AE7D29

RGB

174, 125, 41

HSL

37.9, 61.9%, 42.2%

HSV

37.9, 76.4%, 68.2%

CMYK

0.0%, 28.2%, 76.4%, 31.8%

OKLCH

0.6241 0.1145 76.7

Properties

Warm Light Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#AE7D29

#295AAE

Analogous

#AE3B29

#9DAE29

#AE7D29

Triadic

#AE7D29

#29AE7D

#7D29AE

Split Complementary

#AE7D29

#299DAE

#3B29AE

Tetradic

#AE7D29

#29AE3B

#295AAE

#AE299D

Color Blindness Simulation

Original

#AE7D29

Protanopia

#99983D

Deuteranopia

#9C9F42

Tritanopia

#AC4D51

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7F0E4
200
#F1E1C5
300
#E8CC9C
400
#DBB066
500
#CE9431
600
#A57727
700
#845F1F
800
#674A18
900
#4B3815
950
#30230E

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026