#EAE84A

#EAE84A

Color Values

HEX

#EAE84A

RGB

234, 232, 74

HSL

59.2, 79.2%, 60.4%

HSV

59.2, 68.4%, 91.8%

CMYK

0.0%, 0.9%, 68.4%, 8.2%

OKLCH

0.9054 0.1718 108.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#EAE84A

#4A4CEA

Analogous

#EA984A

#9CEA4A

#EAE84A

Triadic

#EAE84A

#4AEAE8

#E84AEA

Split Complementary

#EAE84A

#4A9CEA

#984AEA

Tetradic

#EAE84A

#4AEA98

#4A4CEA

#EA4A9C

Color Blindness Simulation

Original

#EAE84A

Protanopia

#E9E970

Deuteranopia

#E9E979

Tritanopia

#EA8E95

Achromatopsia

#DDDDDD

CSS Usage

background-color: #EAE84A;
color: #EAE84A;
border-color: #EAE84A;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F8F7BF
300
#F2F191
400
#EBE956
500
#E4E21B
600
#B7B515
700
#929111
800
#72710D
900
#53520E
950
#343409

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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