Light Yellow #FFFFE0

Light Yellow#FFFFE0 · rgb(255, 255, 224)

Light Yellow color codes

CSS namelightyellow
HEX#FFFFE0
RGBrgb(255, 255, 224)
HSLhsl(60, 100%, 94%)
CMYKcmyk(0%, 0%, 12%, 0%)
Decimal16777184

Shades of Light Yellow (darker)

#E6E6CA · #CCCCB3 · #B3B39D · #999986 · #808070 · #66665A · #4D4D43 · #33332D · #1A1A16

Tints of Light Yellow (lighter)

#FFFFE3 · #FFFFE6 · #FFFFE9 · #FFFFEC · #FFFFF0 · #FFFFF3 · #FFFFF6 · #FFFFF9 · #FFFFFC

Color harmonies

Complementary
#E0E0FF
Triadic
#E0FFFF, #FFE0FF
Analogous
#FFF0E0, #F0FFE0

Accessibility (WCAG contrast)

White text on Light Yellow1.02:1 · Fail
Black text on Light Yellow20.63:1 · AAA

Use Light Yellow in code

.element {
  color: lightyellow;          /* or #ffffe0 */
  background-color: rgb(255 255 224 / 0.5);
}

Frequently asked questions

What is the hex code for Light Yellow?

Light Yellow is #FFFFE0 in HEX, rgb(255, 255, 224) in RGB and hsl(60, 100%, 94%) in HSL.

Can I use "lightyellow" directly in CSS?

Yes. "lightyellow" is one of the 148 standard CSS named colors, so color: lightyellow; works in every browser.

Is Light Yellow readable on white?

The contrast ratio of Light Yellow on white is 1.02:1 (WCAG Fail). On black it is 20.63:1 (AAA).

What is the complementary color of Light Yellow?

The complementary color (opposite on the color wheel) is #E0E0FF.

Similar colors

Corn Silk#FFF8DCOld Lace#FDF5E6Beige#F5F5DCLight Goldenrod Yellow#FAFAD2Ivory#FFFFF0Floral White#FFFAF0Linen#FAF0E6Sea Shell#FFF5EE

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.