Sunset Yellow
Tints · 950
Sunset Yellow
#FCCB00
HEX
Tone scale
Tints
Color Conversation
Color harmony
Accessibility
Aa
AAADark text
10.92:1
Aa
FailWhite text
1.53:1
Sunset Yellow #FCCB00 is a dense golden yellow. A small amount can carry a whole layout, much like the last bright strip before dusk.
No items found.
Color Conversions
| Color model | Value | Common use |
|---|---|---|
| HEX | #FCCB00 | Web and interface color |
| RGB | rgb(252, 203, 0) | Digital screens |
| HSL | hsl(48, 100%, 49%) | Hue-based adjustments |
| HSV | hsv(48, 100%, 99%) | Color pickers |
| CMYK | 0%, 19%, 100%, 1% | Print reference |
Real Design Examples 👇🏽
Color Combinations
Midnight Ticket
#fccb00
#172c49
#5d7696
#f6f0de
Burnt Coral Hour
#fccb00
#c95343
#ee9a7d
#5b302a
Peach Horizon
#fccb00
#ffd0a8
#fff0da
#845e4d
Palm Shadow
#fccb00
#286557
#78a58d
#213f38
Patterns
No items found.
Best Match
On the source page, Sunset Yellow is #FCCB00. That converts to RGB 252, 203, and 0. With no blue in the mix, the yellow leans hard toward gold.
It works best in small hits.
Try it on a ticket stripe, a poster date, a food icon, or the edge of a summer pattern.
Midnight blue makes the yellow look brighter without adding more color.
Burnt coral keeps the scene warm.
A pale peach background can spread the sunset feeling across a larger area.
Tints
#fccb00
#fcd01a
#fdd533
#fddb4c
#fde066
#fee580
#feea99
#feefb2
#fef5cc
#fffae6
#ffffff
Shades
#fccb00
#e3b700
#caa200
#b08e00
#977a00
#7e6600
#655100
#4c3d00
#322900
#191400
Triadic
#fccb00
#ffffff
#ffffff
Monochromatic
#a48400
#cfa600
#fccb00
#fdd42e
#fddd59
Analogous
#ffffff
#fccb00
#ffffff
Complementary
#fccb00
#ffffff