#000814
#1B3A69
#2A5A99
#FFC300
#FFC300 · Amber
Click to copy#FFC300 is a medium, highly saturated yellow color, closest to Amber and near Amber and Saffron. In OKLCH it has 85% lightness and 0.17 chroma at hue 86°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFC300 a natural choice for highlights, warning states and cheerful campaigns. It appears in 4 ColorSwoop palettes.
Color codes click to copy
HEX
#FFC300RGB
rgb(255, 195, 0)HSL
hsl(46, 100%, 50%)CMYK
0, 24, 100, 0CSS var
--amberContrast
1.61:1 white · 13.06:1 blackSimilar named colors
How to use #FFC300
Black text passes WCAG AA on #FFC300 (13.06:1); white text does not (1.61:1).
For a calm scheme pair #FFC300 with its analogous neighbors #FF4400 and #BBFF00; for contrast use its complement #003BFF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--amber: #FFC300;
$amber: #FFC300;
colors: { 'amber': '#FFC300' }