#ff8822 - Orange Avant-Garde color

A bright, saturated orange leaning toward warm tangerine with strong yellow undertones. It feels energetic, sunny, and attention-grabbing—balancing playful warmth with bold clarity. Ideal for call-to-action elements, packaging, and branding that require vibrancy without harshness. On dark backgrounds it pops; paired with navy or charcoal it takes on a more sophisticated tone. Use sparingly alongside neutrals to avoid visual fatigue, or combine with muted blues and soft grays for pleasing contrast.

color #ff8822

#ff8822 color RGB value is 255, 136, 34, and the CMYK value is 0.00, 0.467, 0.867, 0.00. Alternative names for that color are: orange avant-garde, orange, darkorange, gold drop, mango tango.

Color Conversion

Name
Values
CSS
RGB(0-255)
255, 136, 34
rgb(255, 136, 34)
CMYK
0.00, 0.467, 0.867, 0.00
-
sRGB
1.00, 0.533, 0.133
rgb(100% 53.3% 13.3%)
Adobe® 98 RGB compatible
0.896, 0.529, 0.188
color(a98-rgb 0.896 0.529 0.188)
HCT
53.1, 63.3, 68.7
color(--hct 53.1 43.7% 68.7%)
HSL
27.7, 100, 56.7
hsl(27.7 100% 56.7%)
HSV
27.7, 86.7, 100
color(--hsv 27.7 86.7% 100%)
HWB
27.7, 13.3, 0.00
hwb(27.7 13.3% 0%)
Lab
69.5, 42.0, 69.2
lab(69.5 42 69.2)
P3
0.939, 0.558, 0.246
color(display-p3 0.939 0.558 0.246)
XYZ D50
0.533, 0.400, 0.0492
color(xyz-d50 0.533 0.4 0.049)

Shades

Steps:
Color Space:
Hue Interpolation Method:

Tints

Steps:
Color Space:
Hue Interpolation Method:

Tones

Steps:
Color Space:
Hue Interpolation Method:

Color Harmonies

HEX:#ff8822
RGB:255 136 34
HSL:27.69deg 100% 56.67%
HEX:#2299ff
RGB:34 153 255
HSL:207.69deg 100% 56.67%

Similar Colors

More Tools