What Color isOutrageous Orange?

#FB5C3C

What Color is Outrageous Orange

Outrageous Orange (Hex #FB5C3C) is a intense, high-saturation, medium-toned shade of red. As a warm color, it pairs exceptionally well with contrasting cyans. Get RGB values, find matching paints, and download Outrageous Orange palettes.

What color is opposite Outrageous Orange?

The opposite color to Outrageous Orange is Sky Blue (#3cdbfb).

View Sky Blue

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #3CDBFB
  • Brightness: 136/255
  • Saturation: 76%

Colors That Pair Well With Outrageous Orange

Complementary

Pair with Sky Blue for a harmonious, balanced look. Great for backgrounds and accents.

#FB5C3C#3cdbfb

High Contrast

Use Pacific Blue for maximum readability. Ideal for text or critical UI elements.

#FB5C3C#04a3c3

Harmonious Depth

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

#fd9d8a#7e2e1e

Color Variations

Tints (add white)

Persimmon#fb6c5010%
Burnt Sienna#fc7d6320%
Vivid Tangerine#fc8d7730%
Mona Lisa#fd9d8a40%
Rose Bud#fdae9e50%
Melon#fdbeb160%
Beauty Bush#fecec570%
Peach Schnapps#feded880%
Fair Pink#ffefec90%

Tones (add grey)

Persimmon#ef604310%
Flame Pea#e2634a20%
Terracotta#d6675030%
Japonica#ca6a5740%
Contessa#be6e5e50%
Coral Tree#b1726560%
Toast#a5756c70%
Pharlap#99797280%
Hurricane#8c7c7990%

Shades (add black)

Punch#e2533610%
Flame Pea#c94a3020%
Mojo#b0402a30%
Prairie Sand#97372440%
Mocha#7e2e1e50%
Espresso#64251860%
Van Cleef#4b1c1270%
Tamarind#32120c80%
Nero#19090690%

Color Conversions

Hex
#FB5C3C
RGB
251, 92, 60
RGB %
98%, 36%, 24%
HSL
10°, 96%, 61%
HSV
10°, 76%, 98%
CMYK
0%, 63%, 76%, 2%
LAB
60.33, 59.03, 49.86
XYZ
44.43, 28.49, 7.43

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #FB5C3C;
Text Color (RGB)
Aa
color: rgb(251, 92, 60);
Background Color
background-color: #FB5C3C;
Border
border: 3px solid #FB5C3C;
Box Shadow
box-shadow: 0 4px 12px #FB5C3C66;
Gradient
background: linear-gradient(135deg, #FB5C3C 0%, #ffffff 100%);
Cushion Mockup

Shop Premium Products in Outrageous Orange

Visualize and buy custom cushions made in this exact shade.

MaterialEco Velvet
Size30cm x 30cm
Color
Outrageous Orange

Made to order. Ships in 3-5 business days.

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 Outrageous Orange?

Explore color palettes containing Outrageous Orange and discover harmonious combinations for your designs.

Analogous

Violet Red
Outrageous Orange
Tulip Tree

Complementary

Outrageous Orange
Sky Blue

Split-complementary

Outrageous Orange
Caribbean Green
Azure Radiance

Triadic

Outrageous Orange
Screamin' Green
Dark Blue

Tetradic

Outrageous Orange
Chartreuse
Sky Blue
Electric Violet

Monochromatic

Red Oxide
Guardsman Red
Outrageous Orange
Rose Bud
White

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

This is an example of body text using the selected color scheme.

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

This is an example of body text using the selected color scheme.

Contrast Ratio

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

Closest Color Matches

Best Match

Polychromos

light cadmium red

#117 • #F05544

Buy

Prismacolor

Carmine Red

#PC926 • #DB3129

Buy

Polychromos

scarlet red

#118 • #E84D47

Buy

Caran d'ache Luminance 6901

Cornelian

#850 • #F05612

Buy

Caran d'ache Luminance 6901

Permanent Red

#061 • #E2271B

Buy

Caran d'ache Luminance 6901

Dark Cadmium Orange

#533 • #FF661C

Buy

Prismacolor

Scarlet Lake

#PC923 • #D22909

Buy

Polychromos

dark cadmium orange

#115 • #F47933

Buy

Caran d'ache Luminance 6901

Scarlet

#070 • #D72230

Buy

Polychromos

pale geranium lake

#121 • #EF4650

Buy

Prismacolor

Pale Vermilion

#PC921 • #FA6610

Buy

Prismacolor

Cadmium Orange Hue

#PC118 • #E9773D

Buy

Prismacolor

Pumpkin Orange

#PC1032 • #DE6619

Buy

Prismacolor

Poppy Red

#PC922 • #FF4908

Buy

Caran d'ache Luminance 6901

Russet

#065 • #C03E2C

Buy

Prismacolor

Orange

#PC918 • #FF6E12

Buy

Polychromos

deep red

#223 • #E42F44

Buy

Polychromos

orange glaze

#113 • #F48034

Buy

Prismacolor

Neon Orange

#PC1036 • #FF7716

Buy

Caran d'ache Luminance 6901

Terracotta

#044 • #CA5F42

Buy
As an Amazon Associate we earn from qualifying purchases.

Similar Colors

Colors with similar hex values and appearance to Outrageous Orange

Orange Soda

#FA5B3D

Vermilion Orange

#F9603B

Portland Orange

#FF5A36

Toxic Orange

#FF6037

Halloween

#FE653C

Ogre Odor

#FD5240

Frequently Asked Questions

What is the hex code for Outrageous Orange?
The hex code for Outrageous Orange is #FB5C3C. The RGB values are (251, 92, 60). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Outrageous Orange?
Outrageous Orange pairs well with its complementary color, Sky Blue (#3cdbfb). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Outrageous Orange accessible for text?
No, Outrageous 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 Outrageous Orange in CSS?

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

.outrageous-orange {
  background-color: #FB5C3C;
  color: #FFFFFF;
}

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

View More Colors