#14213D
#FCA311
#E5E5E5
#FFFFFF
#FCA311 · Orange
Click to copy#FCA311 is a medium, highly saturated orange color, closest to Orange and near Orange and Cantaloupe. In OKLCH it has 79% lightness and 0.17 chroma at hue 70°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #FCA311 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#FCA311RGB
rgb(252, 163, 17)HSL
hsl(37, 98%, 53%)CMYK
0, 35, 93, 1CSS var
--orangeContrast
2.02:1 white · 10.39:1 blackSimilar named colors
How to use #FCA311
Black text passes WCAG AA on #FCA311 (10.39:1); white text does not (2.02:1).
For a calm scheme pair #FCA311 with its analogous neighbors #FD2D12 and #E1FD12; for contrast use its complement #126CFD as a small accent, and anchor everything with a neutral such as #1F1F24.
--orange: #FCA311;
$orange: #FCA311;
colors: { 'orange': '#FCA311' }