
Figma color wheel
Want to find the perfect complementary or analogous colors to match bright orange?
Skip to main content
Everything you need to know about bright orange to inspire your next design.
Bright orange is a vivid color positioned between red and yellow on the color wheel. This warm shade exudes energy and excitement, and its stimulating qualities can increase appetite.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Butternut Soup
Autumn Impressionism
Solar Flare
Bright orange is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FF991C
- RGB value: 100% red, 60% green, and 11% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use bright orange in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same vibrant spectrum as bright orange, consider:
To complement bright orange, consider pairing it with:
Other colors worth considering include white for a clean and simple combination, cream for a calming contrast, and seafoam for a tropical vibe.
While bright orange is vibrant, it may clash with:
Bright orange is an energetic shade that symbolizes cheerfulness and optimism. It can also signify caution and urgency, similar to a traffic cone. Due to its connection to citrus fruits, bright orange carries connotations of health and vitality.
In color psychology, bright orange evokes feelings of happiness and joy. Its vibrant nature also sparks imagination and creativity.
In UI design, bright orange attracts attention and helps guide users’ eyes to important elements with its lively feel. Bright orange can also stimulate appetite, making it a great color choice for food and restaurant apps.
Ancient cultures used orange pigments derived from natural minerals in tomb paintings to symbolize eternal life. The hue was originally known as “yellow-red” before being named “orange” after the appearance of the citrus fruit. Throughout history, bright orange hues have been known for stimulating creativity, often used by artists like Vincent van Gogh.
Orange remains a popular color in both art and fashion. Its visibility makes it a top choice for safety clothing, like high-visibility vests.
Contrast 2.14
#FF991C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.83
#FF991C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF991C, known as bright orange, has RGB values of R:255 G:153, B:28 and CMYK values of C:0, M:0.4, Y:0.89, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FF991C | #FF991C |
| RGB DECIMAL | 255, 153, 28 | RGB(255,153,28) |
| RGB PERCENTAGE | 100, 60, 11 | RGB(100%,60%,11%) |
| CMYK | 0, 40, 89, 0 | |
| HSL | 33°, 100, 55.5 | HSL(33°,100%,55.5%) |
| HSV (OR HSB) | 33°, 89, 100 | |
| WEB SAFE | FF9933 | #FF9933 |
| CIE-LAB | 72.316, 30.465, 72.787 | |
| XYZ | 52.843, 44.131, 6.834 | |
| xyY | 0.509, 0.425, 44.131 | |
| CIE-LCH | 72.316, 78.906, 67.289 | |
| CIE-LUV | 72.316, 84.252, 67.514 | |
| HUNTER-LAB | 66.431, 25.734, 40.402 | |
| BINARY | 11111111, 10011001, 00011100 | |
| iOS - SwiftUI | Color(red: 1, green: 0.6, blue: 0.11) | |
| iOS - UIKit | UIColor(red: 1, green: 0.6, blue: 0.11, alpha: 1) | |
| Android - Compose | Color(0xFFFF991C) |

Want to find the perfect complementary or analogous colors to match bright orange?

Dive into the cool and serene color of cornflower blue.

Ignite feelings of abundance with dark green.