#E2DF6F

#E2DF6F

Color Values

HEX

#E2DF6F

RGB

226, 223, 111

HSL

58.4, 66.5%, 66.1%

HSV

58.4, 50.9%, 88.6%

CMYK

0.0%, 1.3%, 50.9%, 11.4%

OKLCH

0.8835 0.1347 107.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#E2DF6F

#6F72E2

Analogous

#E2A56F

#ACE26F

#E2DF6F

Triadic

#E2DF6F

#6FE2DF

#DF6FE2

Split Complementary

#E2DF6F

#6FACE2

#A56FE2

Tetradic

#E2DF6F

#6FE2A5

#6F72E2

#E26FAC

Color Blindness Simulation

Original

#E2DF6F

Protanopia

#E1E18A

Deuteranopia

#E1E191

Tritanopia

#E2A0A4

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C4
300
#EAE899
400
#DFDC62
500
#D4D02B
600
#AAA622
700
#88851B
800
#6A6815
900
#4D4C13
950
#31300C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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