Soft Buttercream Morning Sunlight
Category: Yellow
Light Yellow (#FFFFE0) — Color Codes, Meaning & UI Palettes
Light Yellow is a gentle, high-luminance tint evoking buttercream, pale lemonade, and early morning dawn. It radiates optimism and cheerfulness without the harsh eye-strain of intense lemon yellow.
Click to Copy HEX
Light Yellow
#FFFFE0
HEX
#FFFFE0
RGB
rgb(255, 255, 224)
HSL
hsl(60deg, 100%, 94%)
CMYK (Print)
cmyk(0%, 0%, 12%, 0%)
Apple Display P3
color(display-p3 1.000 1.000 0.878)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.02:1 (Fail)
Black Text (#000000)
20.63:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFFFD
100
#FFFFFA
200
#FFFFF5
300
#FFFFEF
400
#FFFFE7
500
#FFFFE0
600
#CCCCB3
700
#999986
800
#66665A
900
#383831
950
#1F1F1B
Color Harmonies & Palette Schemes
Complementary
#E0E0FF
Opposite 180° Contrast
Analogous -30°
#FFF0E0
Natural Harmony
Analogous +30°
#F0FFE0
Natural Harmony
Triadic +120°
#E0FFFF
120° Balanced Triad
Triadic +240°
#FFE0FF
120° Balanced Triad
Curated UI Design Pairings for Light Yellow
Superb for warm callout boxes, tooltip notes, and highlight tags. Always pair with dark slate or deep charcoal text to maintain WCAG AAA compliance.
Deep Slate
#1E293B
High-Contrast Body Copy
Sun Yellow
#FFDE38
Energetic Solar Border
Forest Green
#1B4332
Fresh Citrus Contrast
Warm Cream
#FAF7F2
Seamless Background Transition
Export Light Yellow Code Snippets
CSS Variable
--color-light-yellow: #FFFFE0;
Tailwind Config
'light-yellow': '#FFFFE0'
Swift / SwiftUI
Color(hex: "#FFFFE0")
JSON Design Token
{"name": "Light Yellow", "hex": "#FFFFE0"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.