#EAF18F

#EAF18F

Color Values

HEX

#EAF18F

RGB

234, 241, 143

HSL

64.3, 77.8%, 75.3%

HSV

64.3, 40.7%, 94.5%

CMYK

2.9%, 0.0%, 40.7%, 5.5%

OKLCH

0.9317 0.1216 112.1

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EAF18F

#968FF1

Analogous

#F1C78F

#B9F18F

#EAF18F

Triadic

#EAF18F

#8FEAF1

#F18FEA

Split Complementary

#EAF18F

#8FB9F1

#C78FF1

Tetradic

#EAF18F

#8FF1C7

#968FF1

#F18FB9

Color Blindness Simulation

Original

#EAF18F

Protanopia

#EDEDA7

Deuteranopia

#EDECAC

Tritanopia

#EAB9BE

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F7F9E1
200
#F3F7C0
300
#EBF192
400
#E0EA57
500
#D4E31C
600
#AAB517
700
#889112
800
#6A710E
900
#4E520F
950
#313409

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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