#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