#E5AF6D

#E5AF6D

Color Values

HEX

#E5AF6D

RGB

229, 175, 109

HSL

33.0, 69.8%, 66.3%

HSV

33.0, 52.4%, 89.8%

CMYK

0.0%, 23.6%, 52.4%, 10.2%

OKLCH

0.7898 0.1046 70.9

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#E5AF6D

#6DA3E5

Analogous

#E5736D

#DFE56D

#E5AF6D

Triadic

#E5AF6D

#6DE5AF

#AF6DE5

Split Complementary

#E5AF6D

#6DDFE5

#736DE5

Tetradic

#E5AF6D

#6DE573

#6DA3E5

#E56DDF

Color Blindness Simulation

Original

#E5AF6D

Protanopia

#CECD7D

Deuteranopia

#D1D581

Tritanopia

#E28A8C

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DEC2
300
#EDC697
400
#E3A75F
500
#D88827
600
#AD6D1F
700
#8B5719
800
#6C4413
900
#4F3312
950
#32210B

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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