#FFB300
#00A896
#02C39A
#F0F3BD
#FFB300 · Amber
Click to copy#FFB300 is a medium, highly saturated yellow color, closest to Amber and near Amber and Orange. In OKLCH it has 82% lightness and 0.17 chroma at hue 78°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFB300 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#FFB300RGB
rgb(255, 179, 0)HSL
hsl(42, 100%, 50%)CMYK
0, 30, 100, 0CSS var
--amberContrast
1.79:1 white · 11.7:1 blackSimilar named colors
How to use #FFB300
Black text passes WCAG AA on #FFB300 (11.7:1); white text does not (1.79:1).
For a calm scheme pair #FFB300 with its analogous neighbors #FF3300 and #CCFF00; for contrast use its complement #004CFF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--amber: #FFB300;
$amber: #FFB300;
colors: { 'amber': '#FFB300' }