#E2DF70

#E2DF70

Color Values

HEX

#E2DF70

RGB

226, 223, 112

HSL

58.4, 66.3%, 66.3%

HSV

58.4, 50.4%, 88.6%

CMYK

0.0%, 1.3%, 50.4%, 11.4%

OKLCH

0.8836 0.1337 107.4

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#E2DF70

#7073E2

Analogous

#E2A670

#ACE270

#E2DF70

Triadic

#E2DF70

#70E2DF

#DF70E2

Split Complementary

#E2DF70

#70ACE2

#A670E2

Tetradic

#E2DF70

#70E2A6

#7073E2

#E270AC

Color Blindness Simulation

Original

#E2DF70

Protanopia

#E1E18B

Deuteranopia

#E1E191

Tritanopia

#E2A0A5

Achromatopsia

#D8D8D8

CSS Usage

background-color: #E2DF70;
color: #E2DF70;
border-color: #E2DF70;
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
#4D4C14
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