#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026