#AE7010

#AE7010

Color Values

HEX

#AE7010

RGB

174, 112, 16

HSL

36.5, 83.2%, 37.3%

HSV

36.5, 90.8%, 68.2%

CMYK

0.0%, 35.6%, 90.8%, 31.8%

OKLCH

0.5973 0.1249 70.0

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#AE7010

#104EAE

Analogous

#AE2110

#9DAE10

#AE7010

Triadic

#AE7010

#10AE70

#7010AE

Split Complementary

#AE7010

#109DAE

#2110AE

Tetradic

#AE7010

#10AE21

#104EAE

#AE109D

Color Blindness Simulation

Original

#AE7010

Protanopia

#939327

Deuteranopia

#979B2D

Tritanopia

#AB3A3E

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E1
200
#F9E2BE
300
#F5CD8F
400
#EFB252
500
#EA9615
600
#BB7811
700
#95600E
800
#754B0B
900
#55380C
950
#362408

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12: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