#FFF200
#FFD100
#FF9F1C
#FFFFFF
#FFF200 · Canary
Click to copy#FFF200 is a medium, highly saturated yellow color, closest to Canary and near Canary and Lemon. In OKLCH it has 94% lightness and 0.20 chroma at hue 106°. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFF200 a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#FFF200RGB
rgb(255, 242, 0)HSL
hsl(57, 100%, 50%)CMYK
0, 5, 100, 0CSS var
--canaryContrast
1.17:1 white · 17.95:1 blackSimilar named colors
How to use #FFF200
Black text passes WCAG AA on #FFF200 (17.95:1); white text does not (1.17:1).
For a calm scheme pair #FFF200 with its analogous neighbors #FF7300 and #8CFF00; for contrast use its complement #000DFF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--canary: #FFF200;
$canary: #FFF200;
colors: { 'canary': '#FFF200' }