#E2D2AB

#E2D2AB

Color Values

HEX

#E2D2AB

RGB

226, 210, 171

HSL

42,5, 48,7%, 77,8%

HSV

42,5, 24,3%, 88,6%

CMYK

0,0%, 7,1%, 24,3%, 11,4%

OKLCH

0,867 0,0545 88,4

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#E2D2AB

#ABBBE2

Analogous

#E2B6AB

#D6E2AB

#E2D2AB

Triadic

#E2D2AB

#ABE2D2

#D2ABE2

Split Complementary

#E2D2AB

#ABD6E2

#B6ABE2

Tetradic

#E2D2AB

#ABE2B6

#ABBBE2

#E2ABD6

Color Blindness Simulation

Original

#E2D2AB

Protanopia

#DBDBB4

Deuteranopia

#DCDDB7

Tritanopia

#E1BCBE

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E6
200
#EDE3CA
300
#E0CEA4
400
#CFB473
500
#BE9941
600
#987B34
700
#79622A
800
#5F4D21
900
#46391B
950
#2C2411

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026