#AE725F

#AE725F

Color Values

HEX

#AE725F

RGB

174, 114, 95

HSL

14.4, 32.8%, 52.7%

HSV

14.4, 45.4%, 68.2%

CMYK

0.0%, 34.5%, 45.4%, 31.8%

OKLCH

0.6105 0.0817 38.3

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AE725F

#5F9BAE

Analogous

#AE5F73

#AE995F

#AE725F

Triadic

#AE725F

#5FAE72

#725FAE

Split Complementary

#AE725F

#5FAE99

#5F73AE

Tetradic

#AE725F

#73AE5F

#5F9BAE

#995FAE

Color Blindness Simulation

Original

#AE725F

Protanopia

#949364

Deuteranopia

#989C65

Tritanopia

#AB6768

Achromatopsia

#7D7D7D

CSS Usage

background-color: #AE725F;
color: #AE725F;
border-color: #AE725F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D5D0
300
#D6B7AE
400
#C09182
500
#A96A56
600
#875545
700
#6C4437
800
#55352B
900
#3F2922
950
#281A16

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026