#0D0221
#5A189A
#39FF14
#FF8C00
#FF8C00 · Tangerine
Click to copy#FF8C00 is a medium, highly saturated orange color, closest to Tangerine and near Tangerine and Carrot. In OKLCH it has 75% lightness and 0.18 chroma at hue 58°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #FF8C00 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#FF8C00RGB
rgb(255, 140, 0)HSL
hsl(33, 100%, 50%)CMYK
0, 45, 100, 0CSS var
--tangerineContrast
2.33:1 white · 9:1 blackSimilar named colors
How to use #FF8C00
Black text passes WCAG AA on #FF8C00 (9:1); white text does not (2.33:1).
For a calm scheme pair #FF8C00 with its analogous neighbors #FF0D00 and #F2FF00; for contrast use its complement #0073FF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--tangerine: #FF8C00;
$tangerine: #FF8C00;
colors: { 'tangerine': '#FF8C00' }