#F28500 · Tangerine
Click to copy#F28500 is a medium, highly saturated orange color, closest to Tangerine and near Carrot and Honey. In OKLCH it has 72% lightness and 0.17 chroma at hue 58°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F28500 a natural choice for buttons, food packaging, kids and outdoor brands.
Color codes click to copy
HEX
#F28500RGB
rgb(242, 133, 0)HSL
hsl(33, 100%, 47%)CMYK
0, 45, 100, 5CSS var
--tangerineContrast
2.58:1 white · 8.13:1 blackSimilar named colors
How to use #F28500
Black text passes WCAG AA on #F28500 (8.13:1); white text does not (2.58:1).
For a calm scheme pair #F28500 with its analogous neighbors #F00C00 and #E4F000; for contrast use its complement #006CF0 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--tangerine: #F28500;
$tangerine: #F28500;
colors: { 'tangerine': '#F28500' }