Tangerine color: #f28500
Tangerine is #f28500, rgb(242, 133, 0) in RGB and oklch(72.21% 0.17194 58.498) in OKLCH. Every other format, shades, matching colors and palettes are below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Orange
- Light
- Vivid
- Warm
- orange-400
- Black 5%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Tangerine
Similar named colors
Questions about Tangerine
What is the hex code for Tangerine?
The hex code for Tangerine is #f28500. In RGB it is rgb(242, 133, 0), in HSL hsl(32.98, 100%, 47.45%) and in OKLCH oklch(72.21% 0.17194 58.498).
What colors go well with Tangerine?
Its complementary color is #00b1ff. For a calmer look, pair it with the analogous colors #ff7465 and #d09d00. Ready palettes with Tangerine are shown on this page.
Is Tangerine a warm or cool color?
Tangerine is a warm color with an OKLCH hue of 58 degrees.
What text color is readable on Tangerine?
Black text is more readable on Tangerine: white gives a contrast ratio of 2.58:1 and black gives 8.13:1. WCAG AA asks for at least 4.5:1 for body text.
About #f28500
#f28500 is a bright light orange color. In OKLCH it has 72.2% lightness, 0.172 chroma and a hue of 58°.
Inside sRGB: displays the same on any screen.
White text on it reaches 2.58:1 contrast and black text 8.13:1, so black text reads better.
The closest named color is Tangerine Skin (#f28500). In Tailwind CSS the closest color is orange-400.