#E2AF80

#E2AF80

Color Values

HEX

#E2AF80

RGB

226, 175, 128

HSL

28.8, 62.8%, 69.4%

HSV

28.8, 43.4%, 88.6%

CMYK

0.0%, 22.6%, 43.4%, 11.4%

OKLCH

0.7898 0.086 63.7

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#E2AF80

#80B3E2

Analogous

#E28082

#E2E080

#E2AF80

Triadic

#E2AF80

#80E2AF

#AF80E2

Split Complementary

#E2AF80

#80E2E0

#8082E2

Tetradic

#E2AF80

#82E280

#80B3E2

#E080E2

Color Blindness Simulation

Original

#E2AF80

Protanopia

#CCCB8B

Deuteranopia

#CFD38E

Tritanopia

#DF9496

Achromatopsia

#B6B6B6

CSS Usage

background-color: #E2AF80;
color: #E2AF80;
border-color: #E2AF80;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DAC5
300
#E8C09B
400
#DC9E65
500
#D07C2F
600
#A66326
700
#85501E
800
#683E18
900
#4C2F15
950
#301E0D

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