#EAF045

#EAF045

Color Values

HEX

#EAF045

RGB

234, 240, 69

HSL

62.1, 85.1%, 60.6%

HSV

62.1, 71.2%, 94.1%

CMYK

2.5%, 0.0%, 71.2%, 5.9%

OKLCH

0.9219 0.1826 111.5

Properties

Cool Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#EAF045

#4B45F0

Analogous

#F0A145

#95F045

#EAF045

Triadic

#EAF045

#45EAF0

#F045EA

Split Complementary

#EAF045

#4595F0

#A145F0

Tetradic

#EAF045

#45F0A1

#4B45F0

#F04595

Color Blindness Simulation

Original

#EAF045

Protanopia

#EDED6E

Deuteranopia

#ECEC78

Tritanopia

#EA8F96

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9FAE0
200
#F8FABD
300
#F2F68E
400
#EBF150
500
#E4EC13
600
#B7BD0F
700
#92970C
800
#727609
900
#53560B
950
#343607

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026