Orange Avant-Garde Color – #ff8822: Codes and Complete Breakdown
By
Published on
The Orange Avant-Garde color hex code is #ff8822, and it is composed of 100% red, 53% green and 13% blue.
Orange Avant-Garde is a light, bright, and warm color at 87% saturation. It has a contrast ratio of 2.39:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Orange Avant-Garde color (#ff8822) against dark backgrounds.

Orange Avant-Garde Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#ff8822
Orange Avant-Garde Color Codes and Information
Here’s a complete breakdown of the color Orange Avant-Garde, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #ff8822 |
| RGB | rgb(255,136,34) |
| HSL | hsl(28,100%,56.7%) |
| CMYK | 0, 47, 87, 0 |
| HSV | 28, 87, 100 |
| RGB % | 100, 53, 13 |
| XYZ | 50.3, 39, 6.4 |
| LAB | 68.8, 39.1, 68.4 |
| Color Category | Light |
| Color Family | Peach/Orange |
| Saturation | 87% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 2.39 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 8.8 (passes WCAG AA) |
Similar Colors to Orange Avant-Garde Color
#ff8e57

Fire Orange
#eec0ab

Soft Orange
#ffcc99

Peach Orange
#ff724c

Pinkish Orange
#f9603b

Vermilion Orange
#ff9500

Barcelona Orange
#ff4f00

Aerospace Orange
#e56d00

Accent Orange










