#E2F800

A medium, vivid yellow closely aligning with Yellow.

About #E2F800

Visually, #E2F800 is defined as a vivid yellow. It is closely associated with the named CSS color Yellow. In the RGB color space, it consists of 226 red, 248 green, and 0 blue.

If you are designing for print, the four-color process is what matters most. The color uses 9% Cyan, 0% Magenta, 100% Yellow, and 3% Black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#E2F800
RGB226, 248, 0
HSL65.3°, 100.0%, 48.6%
CMYK9%, 0%, 100%, 3%
HSV65.3°, 100.0%, 97.3%
LAB93.1, -30.1, 90.6
XYZ64.9, 83.3, 12.7
Decimal14874624

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.19:1
Text on #FFFFFF
FAIL
17.66:1
Text on #000000
AAA
1.14:1
Text on #F8FAFC
FAIL
15.01:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #E2F800; }
.text-color { color: #E2F800; }
.border-color { border: 2px solid #E2F800; }

Similar Colors

Yellow
#FFFF00