#ECF48E

#ECF48E

Color Values

HEX

#ECF48E

RGB

236, 244, 142

HSL

64.7, 82.3%, 75.7%

HSV

64.7, 41.8%, 95.7%

CMYK

3.3%, 0.0%, 41.8%, 4.3%

OKLCH

0.9393 0.1259 112.5

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#ECF48E

#968EF4

Analogous

#F4C98E

#B9F48E

#ECF48E

Triadic

#ECF48E

#8EECF4

#F48EEC

Split Complementary

#ECF48E

#8EB9F4

#C98EF4

Tetradic

#ECF48E

#8EF4C9

#968EF4

#F48EB9

Color Blindness Simulation

Original

#ECF48E

Protanopia

#EFF0A7

Deuteranopia

#EFEEAD

Tritanopia

#ECBABE

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FAE1
200
#F4F9BE
300
#ECF48F
400
#E2EE53
500
#D8E817
600
#ADBA12
700
#8A950E
800
#6C740B
900
#4F540D
950
#323508

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026