#E5AF5D

#E5AF5D

Color Values

HEX

#E5AF5D

RGB

229, 175, 93

HSL

36.2, 72.3%, 63.1%

HSV

36.2, 59.4%, 89.8%

CMYK

0.0%, 23.6%, 59.4%, 10.2%

OKLCH

0.7876 0.1178 76.0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#E5AF5D

#5D93E5

Analogous

#E56B5D

#D7E55D

#E5AF5D

Triadic

#E5AF5D

#5DE5AF

#AF5DE5

Split Complementary

#E5AF5D

#5DD7E5

#6B5DE5

Tetradic

#E5AF5D

#5DE56B

#5D93E5

#E55DD7

Color Blindness Simulation

Original

#E5AF5D

Protanopia

#CECD71

Deuteranopia

#D1D576

Tritanopia

#E28184

Achromatopsia

#B5B5B5

CSS Usage

background-color: #E5AF5D;
color: #E5AF5D;
border-color: #E5AF5D;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5E1C1
300
#EECB96
400
#E5AF5C
500
#DC9323
600
#B0751C
700
#8D5E17
800
#6E4912
900
#503711
950
#33230B

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.62:1

AA Pass AAA Pass

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