#EAE76F

#EAE76F

Color Values

HEX

#EAE76F

RGB

234, 231, 111

HSL

58.5, 74.5%, 67.6%

HSV

58.5, 52.6%, 91.8%

CMYK

0.0%, 1.3%, 52.6%, 8.2%

OKLCH

0.9067 0.1422 107.6

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#EAE76F

#6F72EA

Analogous

#EAA96F

#AFEA6F

#EAE76F

Triadic

#EAE76F

#6FEAE7

#E76FEA

Split Complementary

#EAE76F

#6FAFEA

#A96FEA

Tetradic

#EAE76F

#6FEAA9

#6F72EA

#EA6FAF

Color Blindness Simulation

Original

#EAE76F

Protanopia

#E9E98C

Deuteranopia

#E9E993

Tritanopia

#EAA3A8

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F6F5C1
300
#EFED94
400
#E7E35A
500
#DEDA21
600
#B2AE1A
700
#8E8B15
800
#6F6D10
900
#514F10
950
#33320A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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