#E3DF5E

#E3DF5E

Color Values

HEX

#E3DF5E

RGB

227, 223, 94

HSL

58.2, 70.4%, 62.9%

HSV

58.2, 58.6%, 89.0%

CMYK

0.0%, 1.8%, 58.6%, 11.0%

OKLCH

0.8825 0.1496 107.4

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#E3DF5E

#5E62E3

Analogous

#E39C5E

#A4E35E

#E3DF5E

Triadic

#E3DF5E

#5EE3DF

#DF5EE3

Split Complementary

#E3DF5E

#5EA4E3

#9C5EE3

Tetradic

#E3DF5E

#5EE39C

#5E62E3

#E35EA4

Color Blindness Simulation

Original

#E3DF5E

Protanopia

#E1E17D

Deuteranopia

#E2E285

Tritanopia

#E3969B

Achromatopsia

#D7D7D7

CSS Usage

background-color: #E3DF5E;
color: #E3DF5E;
border-color: #E3DF5E;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F4F3C2
300
#EDEA97
400
#E3DF5E
500
#D9D426
600
#AEA91E
700
#8B8818
800
#6D6A13
900
#4F4D12
950
#32310B

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