Goldilocks
Also known as: Banana Cream, Yellow Tail, Lemon Bundt Cake, Candle Flame
Goldilocks is what happens when yellow turns pale and vivid. The effect is cheerful and optimistic, made for kids' apps and summer palettes. Because it leans warm, balancing it with a white keeps a palette from feeling one-note. For accessible text, use it on black or near-black backgrounds (18.54:1, passes WCAG AA) rather than white.
Goldilocks color codes
- HEX
- #FFF39A
- RGB
- rgb(255, 243, 154)
- RGBA
- rgba(255, 243, 154, 1)
- HSL
- hsl(53, 100%, 80%)
- HSV
- hsv(53, 40%, 100%)
- CMYK
- cmyk(0%, 5%, 40%, 0%)
- LAB
- lab(95.4 -4.8 44.4)
- OKLCH
- oklch(95.4% 0.110 101.6)
Color intelligence
Displays accurately on every screen and translates well to print.
Temperature
warm
Nearest standard colors
- CSS: khaki#F0E68C · ΔE 2.9
- RAL 1016 — Sulfur yellow#F1DD38 · ΔE 10.1 · approximate
RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.
Where Goldilocks works
- Web & UI: A supporting-cast color for UI: chart fills, tags, empty-state illustrations — not text.
- Interiors: Strong for a whole room, excellent in doses: an accent wall, cabinetry, or a statement chair.
- Fashion: Wears best as the statement piece — a top, scarf, or shoes — against neutral basics.
- Branding: High-energy brand material: strong for food, fitness, and youth-facing marks — use sparingly in UI.
- Branding: A secondary brand color by nature: it supports a stronger primary and shines in illustration.
Copy as — every ecosystem
Tints, shades, and tones of Goldilocks
Tints (lighter)
Shades (darker)
Color harmonies
Palettes built from Goldilocks by rotating its hue in OKLCH space. Click any swatch to copy its hex code.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Contrast & accessibility
Aa — on white
contrast 1.13:1
AA failAAA failAA large fail
Aa — on black
contrast 18.54:1
AA passAAA passAA large pass
Best text color on a Goldilocks background: #000000
Palettes featuring Goldilocks
Goldilocks with its complement
Soft neighbors of Goldilocks
Goldilocks triad
Similar colors
- Drover#FBEB9B · ΔE 2.4
- Banan-Appeal#FAF3A6 · ΔE 2.4
- Cornflake#F0E68C · ΔE 2.9
- Banana Milk#FFF7AD · ΔE 2.9
- Lazy Daisy#F6EBA1 · ΔE 3.0
- Sour Lemon#FFEEA5 · ΔE 3.2
Looking for maximum contrast instead? The complement of Goldilocks is closest to Cloud Break.
Goldilocks FAQs
What color is Goldilocks?
Goldilocks is a light yellow with the hex code #FFF39A. In HSL terms it has a hue of 53°, 100% saturation, and 80% lightness.
What is the hex code for Goldilocks?
The hex code for Goldilocks is #FFF39A. In RGB it's rgb(255, 243, 154), and in CMYK it's cmyk(0%, 5%, 40%, 0%).
What colors go well with Goldilocks?
Goldilocks pairs naturally with white tones from its complementary harmony, and with blue accents from its split-complementary palette. Its own tints and shades always work as a monochrome scheme.
Got a photo with a color like this? Identify it with the analyzer — free, instant, private.