#E3DC9B

#E3DC9B

Color Values

HEX

#E3DC9B

RGB

227, 220, 155

HSL

54.2, 56.2%, 74.9%

HSV

54.2, 31.7%, 89.0%

CMYK

0.0%, 3.1%, 31.7%, 11.0%

OKLCH

0.8849 0.0839 102.7

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#E3DC9B

#9BA2E3

Analogous

#E3B89B

#C6E39B

#E3DC9B

Triadic

#E3DC9B

#9BE3DC

#DC9BE3

Split Complementary

#E3DC9B

#9BC6E3

#B89BE3

Tetradic

#E3DC9B

#9BE3B8

#9BA2E3

#E39BC6

Color Blindness Simulation

Original

#E3DC9B

Protanopia

#E0E0AB

Deuteranopia

#E0E1AE

Tritanopia

#E3B7BA

Achromatopsia

#D9D9D9

CSS Usage

background-color: #E3DC9B;
color: #E3DC9B;
border-color: #E3DC9B;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFAF4
100
#F6F4E5
200
#EFEBC7
300
#E4DE9F
400
#D6CB6C
500
#C7B938
600
#9F942D
700
#7F7724
800
#645D1C
900
#494418
950
#2E2B0F

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026