#B3001B
#F2A900
#1A1A1A
#FFF5E1
#F2A900 · Orange
Click to copy#F2A900 is a medium, highly saturated orange color, closest to Orange and near Orange and Marigold. In OKLCH it has 78% lightness and 0.16 chroma at hue 78°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F2A900 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#F2A900RGB
rgb(242, 169, 0)HSL
hsl(42, 100%, 47%)CMYK
0, 30, 100, 5CSS var
--orangeContrast
2.01:1 white · 10.45:1 blackSimilar named colors
How to use #F2A900
Black text passes WCAG AA on #F2A900 (10.45:1); white text does not (2.01:1).
For a calm scheme pair #F2A900 with its analogous neighbors #F03000 and #C0F000; for contrast use its complement #0048F0 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--orange: #F2A900;
$orange: #F2A900;
colors: { 'orange': '#F2A900' }