#E5AF71

#E5AF71

Color Values

HEX

#E5AF71

RGB

229, 175, 113

HSL

32.1, 69.0%, 67.1%

HSV

32.1, 50.7%, 89.8%

CMYK

0.0%, 23.6%, 50.7%, 10.2%

OKLCH

0.7904 0.1012 69.3

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#E5AF71

#71A7E5

Analogous

#E57571

#E1E571

#E5AF71

Triadic

#E5AF71

#71E5AF

#AF71E5

Split Complementary

#E5AF71

#71E1E5

#7571E5

Tetradic

#E5AF71

#71E575

#71A7E5

#E571E1

Color Blindness Simulation

Original

#E5AF71

Protanopia

#CECD80

Deuteranopia

#D1D584

Tritanopia

#E28C8E

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC598
400
#E2A560
500
#D78628
600
#AC6B20
700
#8A5619
800
#6C4314
900
#4F3312
950
#32200C

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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