- No data uploaded
- Instant results
Light Yellow — #FFFFE0
Light Yellow is the CSS named colour lightyellow, hex #FFFFE0. It has a contrast ratio of 1.02:1 on white and 20.63:1 on black — best used as text on dark backgrounds.
Light Yellow — #FFFFE0
Contrast on white 1.02:1 · on black 20.63:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Yellow in code
CSS: color: lightyellow; or color: #FFFFE0; · Tailwind: text-[#FFFFE0] · Android/Flutter: 0xFFFFFFE0
Light Yellow colour harmonies
Complementary: #E0E0FF · Triadic: #E0FFFF, #FFE0FF · Analogous: #FFF0E0, #F0FFE0. Use tints for backgrounds and shades for hover states.
Light Yellow in every colour format
| Format | Value |
|---|---|
| HEX | #FFFFE0 |
| RGB | rgb(255, 255, 224) |
| HSL | hsl(60, 100%, 94%) |
| HSV | hsv(60, 12%, 100%) |
| CMYK | cmyk(0%, 0%, 12%, 0%) |
| CSS name | lightyellow |
| Contrast on white | 1.02:1 |
| Contrast on black | 20.63:1 |
Frequently asked questions
What is the hex code for Light Yellow?
#FFFFE0 (CSS name: lightyellow).
What is Light Yellow in RGB?
rgb(255, 255, 224)
What colour goes well with Light Yellow?
Its complementary colour #E0E0FF, or the analogous #FFF0E0 and #F0FFE0.