#E2D3AF

#E2D3AF

Color Values

HEX

#E2D3AF

RGB

226, 211, 175

HSL

42.4, 46.8%, 78.6%

HSV

42.4, 22.6%, 88.6%

CMYK

0.0%, 6.6%, 22.6%, 11.4%

OKLCH

0.8699 0.0505 88.1

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#E2D3AF

#AFBEE2

Analogous

#E2B9AF

#D7E2AF

#E2D3AF

Triadic

#E2D3AF

#AFE2D3

#D3AFE2

Split Complementary

#E2D3AF

#AFD7E2

#B9AFE2

Tetradic

#E2D3AF

#AFE2B9

#AFBEE2

#E2AFD7

Color Blindness Simulation

Original

#E2D3AF

Protanopia

#DCDBB8

Deuteranopia

#DCDEBA

Tritanopia

#E1BFC0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#ECE2CB
300
#DECEA5
400
#CDB374
500
#BB9844
600
#967A36
700
#78612B
800
#5E4C22
900
#45391C
950
#2B2412

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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