À L’Orange

#F2850D

Orange Family →

What Color is À L’Orange

À L’Orange (Hex #F2850D) is a intense, high-saturation, medium-toned shade of orange. As a warm color, it pairs exceptionally well with contrasting blues. Get RGB values, find matching paints, and download À L’Orange palettes.

What color is opposite À L’Orange?

The opposite color to À L’Orange is Azure Radiance (#0d7cf2).

View Azure Radiance

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Autumn
  • Complementary Color: #0D7CF2
  • Brightness: 152/255
  • Saturation: 95%

Colors That Pair Well With À L’Orange

Complementary

Pair with Azure Radiance for a harmonious, balanced look. Great for backgrounds and accents.

#F2850D#0d7cf2

High Contrast

Use Azure Radiance for maximum readability. Ideal for text or critical UI elements.

#F2850D#0d7af2

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#f7b66e#794307

Color Conversions

Hex
#F2850D
RGB
242, 133, 13
RGB %
95%, 52%, 5%
HSL
31°, 90%, 50%
HSV
31°, 95%, 95%
CMYK
0%, 45%, 95%, 5%
LAB
66.28, 35.29, 70.75
XYZ
45.08, 35.68, 4.89

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #F2850D;
Text Color (RGB)
Aa
color: rgb(242, 133, 13);
Background Color
background-color: #F2850D;
Border
border: 3px solid #F2850D;
Box Shadow
box-shadow: 0 4px 12px #F2850D66;
Gradient
background: linear-gradient(135deg, #F2850D 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in À L’Orange

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
À L’Orange

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Backing: Stone coloured back (or double-sided print).
  • Print: Edge-to-edge vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With À L’Orange?

Explore color palettes containing À L’Orange and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Frequently Asked Questions

What is the hex code for À L’Orange?
The hex code for À L’Orange is #F2850D. The RGB values are (242, 133, 13). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with À L’Orange?
À L’Orange pairs well with its complementary color, Azure Radiance (#0d7cf2). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is À L’Orange accessible for text?
No, À L’Orange is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use À L’Orange in CSS?

You can use À L’Orange in CSS with its hex code. Here is an example class:

.-l-orange {
  background-color: #F2850D;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.