Figma color wheel
Want to find the perfect complementary or analogous colors to match light orange?
Skip to main content
Everything you need to know about light orange to inspire your next design.
Light orange is a cheerful and vibrant color that exudes playfulness and optimism. Positioned between yellow and red on the color wheel, this warm and inviting hue encompasses a spectrum of shades, from the softness of peach to the brightness of cantaloupe.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Neutral Elegance
Peach Skyline
Subtle Blush
Light orange is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FFDBBB
- RGB value: 100% red, 85.9% green and 73.3% 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.
If you're looking to add a touch of light orange to your project, here are some ways to do it:
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 soft and warm spectrum as light orange, consider the following:
To complement light orange's delicate tones, consider pairing it with:
Other colors worth considering include cream for a soft, cohesive look, dark chocolate brown for a rich, grounded contrast, and pale yellow for a cheerful, sunny complement.
Light orange may clash with:
Light orange radiates warmth, happiness, and creativity. It retains the positive energy of orange but in a gentler, more approachable way. It can encourage social interaction and a sense of optimism.
In color psychology, people view light orange as revitalizing and uplifting. The gentle warmth of this hue encourages ease and comfort. Its ability to inspire happiness makes it perfect for environments designed for relaxation and enjoyment.
In UI design, light orange is a great choice for creating friendly and welcoming atmospheres. It can highlight important elements and calls to action without being overpowering.
Light orange doesn't have a documented history, but its parent color, orange, is rich. The use of orange hues traces back to ancient civilizations, where natural pigments were derived from minerals and plants to create vibrant shades for artwork and textiles. The 19th century's development of synthetic dyes further expanded the range of orange shades, including lighter tones like light orange.
Light orange gained popularity during the mid-century modern design movement in the 20th century. It was used in everything from furniture to graphic design, embodying the era's optimism and forward-thinking attitude. Light orange has often conveyed a retro yet contemporary aesthetic in recent years.
Contrast 1.3
#FFDBBB
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 16.1
#FFDBBB
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 #FFDBBB, known as light orange, has RGB values of R:255, G:219, B:187 and CMYK values of C:0, M:0.14, Y:0.27, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | ffdbbb | #ffdbbb |
| RGB DECIMAL | 255, 219, 187 | rgb(255,219,187) |
| RGB PERCENTAGE | 100, 85.9, 73.3 | rgb(100%,85.9%,73.3%) |
| CMYK | 0, 14, 27, 0 | |
| HSL | 28.2°, 100, 86.7 | hsl(28.2,100%,86.7%) |
| HSV (OR HSB) | 28.2°, 26.7, 100 | |
| WEB SAFE | ffcccc | #ffcccc |
| CIE-LAB | 89.633, 7.832, 20.366 | |
| XYZ | 75.54, 75.513, 57.607 | |
| xyY | 0.362, 0.362, 75.513 | |
| CIE-LCH | 89.633, 21.82, 68.966 | |
| CIE-LUV | 89.633, 24.412, 27.689 | |
| HUNTER-LAB | 86.898, 3.098, 21.524 | |
| BINARY | 11111111, 11011011, 10111011 | |
| iOS - SwiftUI | Color(red: 255/255, green: 219/255, blue: 187/255) | |
| iOS - UIKit | UIColor(red: 255/255.0, green: 219/255.0, blue: 187/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFFFDBBB) |
Want to find the perfect complementary or analogous colors to match light orange?
Learn about the subdued lightness of pastels.
Learn about the subdued lightness of green sage.