#B22222
#165B33
#F8B229
#FFFFFF
#F8B229 · Orange
Click to copy#F8B229 is a medium, highly saturated orange color, closest to Orange and near Orange and Cantaloupe. In OKLCH it has 81% lightness and 0.16 chroma at hue 78°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F8B229 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#F8B229RGB
rgb(248, 178, 41)HSL
hsl(40, 94%, 57%)CMYK
0, 28, 83, 3CSS var
--orangeContrast
1.84:1 white · 11.39:1 blackSimilar named colors
How to use #F8B229
Black text passes WCAG AA on #F8B229 (11.39:1); white text does not (1.84:1).
For a calm scheme pair #F8B229 with its analogous neighbors #F84D2A and #D6F82A; for contrast use its complement #2A6FF8 as a small accent, and anchor everything with a neutral such as #1F1F24.
--orange: #F8B229;
$orange: #F8B229;
colors: { 'orange': '#F8B229' }