LightYellow Color — HEX, RGB, HSL, Palettes & Contrast

LightYellow (#ffffe0): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ffffe0
HEX #ffffe0
RGB rgb(255, 255, 224)
HSL 60°, 100%, 94%

Use LightYellow in Your Projects

About LightYellow Color

LightYellow is a pale, sunny yellow that creates a warm, optimistic atmosphere. It is ideal for highlighting content and cheerful brand themes.

Use Cases for LightYellow

highlightingcheerful themesblog backgroundshappy brandingnote cards

Shades & Tints of LightYellow

#ffffff
#fffff7
#fffff0
#ffffe8
#ffffe0
#bfbfa8
#808070
#404038
#000000

Complementary Color

#ffffe0
#e0e0ff

Analogous Colors

#fff0e0
#ffffe0
#f0ffe0

Triadic Colors

#ffffe0
#e0ffff
#ffe0ff

Split Complementary

#ffffe0
#e0f0ff
#f0e0ff

Tetradic Colors

#ffffe0
#e0ffe0
#e0e0ff
#ffe0ff

CSS Code

.lightyellow-color {
  color: #ffffe0;
  background-color: #ffffe0;
}

/* As a CSS custom property */
:root {
  --color-lightyellow: #ffffe0;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on LightYellow
Ratio: 20.63:1 ✓ Passes AA ✓ Passes AAA
White text on LightYellow
Ratio: 1.02:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightYellow?

LightYellow is represented by the hex code #ffffe0 and has RGB values of rgb(255, 255, 224). It falls under the Yellow category.

How to use LightYellow in web design?

LightYellow works well for highlighting, cheerful themes, blog backgrounds. LightYellow is a pale, sunny yellow that creates a warm, optimistic atmosphere. It is ideal for highlighting content and cheerful brand themes. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightYellow?

Colors that pair well with LightYellow include ivory, beige, lightgoldenrodyellow, lemonchiffon, palegoldenrod. For a complementary scheme, try #e0e0ff. For an analogous scheme, use #fff0e0 and #f0ffe0. For a triadic scheme, combine with #e0ffff and #ffe0ff.