CSS named color
LightYellow
#FFFFE0
HEX
#ffffe0RGB
rgb(255, 255, 224)HSL
hsl(60, 100%, 94%)OKLCH
oklch(99.20% 0.0402 107.11)NAME
lightyellowPalette
Complementary
180° on the color wheelComplement
#E0E0FF
Analogous
±30° around the base hueLeft
#FFF0E0
Right
#F0FFE0
Triadic
±120° for harmonic contrastTriad 1
#E0FFFF
LightCyan
Triad 2
#FFE0FF
Shades
Lighter and darker variantsCSS usage
By name
color: lightyellow;
background-color: lightyellow;By HEX
color: #ffffe0;
background-color: #ffffe0;By RGB
color: rgb(255, 255, 224);
background-color: rgb(255, 255, 224);By HSL
color: hsl(60, 100%, 94%);
background-color: hsl(60, 100%, 94%);WCAG contrast vs white
Aa
1.02:1
Below minimum
WCAG contrast vs black
Aa
20.63:1
AAA
Related colors
FAQ — LightYellow
What is the HEX code for LightYellow?
The HEX code for LightYellow is #FFFFE0. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightyellow; or color: #ffffe0;
What is LightYellow in RGB?
LightYellow in RGB is rgb(255, 255, 224) — red 255, green 255, blue 224.
What is LightYellow in HSL?
LightYellow in HSL is hsl(60, 100%, 94%) — hue 60°, saturation 100%, lightness 94%.
What is the complementary color of LightYellow?
The complementary color (directly opposite LightYellow on the color wheel) is #E0E0FF. The two together produce maximum contrast.
Is white text readable on LightYellow?
The WCAG contrast ratio against white (#FFFFFF) is 1.02:1, and against black (#000000) it's 20.63:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.