#ff8822 color: Orange Avant-Garde
Every format, shade and contrast value for #ff8822. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Orange Avant-Garde#ff8822
- ≈ Dark orange
- Orange
- Light
- Vivid
- Warm
- orange-400
- Black 0%
Looks the same on every screen.
White text2.39:1 · Below AALc -51
Black text8.80:1 · AALc 58
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #ff8822
#ff8822 is a bright light orange color. In OKLCH it has 74.5% lightness, 0.176 chroma and a hue of 54°.
Looks the same on every screen.
White text on it reaches 2.39:1 contrast and black text 8.8:1, so black text reads better.
The closest named color is Orange Avant-Garde (#ff8822). In Tailwind CSS the closest color is orange-400.