#EAF28C

#EAF28C

Color Values

HEX

#EAF28C

RGB

234, 242, 140

HSL

64.7, 79.7%, 74.9%

HSV

64.7, 42.1%, 94.9%

CMYK

3.3%, 0.0%, 42.1%, 5.1%

OKLCH

0.9333 0.126 112.5

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EAF28C

#948CF2

Analogous

#F2C78C

#B7F28C

#EAF28C

Triadic

#EAF28C

#8CEAF2

#F28CEA

Split Complementary

#EAF28C

#8CB7F2

#C78CF2

Tetradic

#EAF28C

#8CF2C7

#948CF2

#F28CB7

Color Blindness Simulation

Original

#EAF28C

Protanopia

#EDEEA5

Deuteranopia

#EDECAB

Tritanopia

#EAB8BC

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7F9E1
200
#F3F8BF
300
#EBF391
400
#E0EC55
500
#D5E51A
600
#ABB715
700
#889311
800
#6B730D
900
#4E530E
950
#313509

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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