Orange red color

It sits right between red and orange, and in CSS it's called orangered. It's full of energy and catches the eye instantly. It's used for buttons, notification icons and brands that want to feel dynamic.

Also known as: orangered, red orange.

Orange red · #FF4500

About orange red

Orange red (#FF4500) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 69 green and 0 blue (out of 255). It is mostly used in web, signage, logos.

Orange red shades and tints

From lightest to darkest. Tap a shade to copy its code.

Orange red color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Baby blue

AnalogousClose to: Cherry red, Sunflower yellow

TriadicClose to: Neon green, Blue

Split complementaryClose to: Aquamarine, Blue

TetradicClose to: Neon green, Baby blue, Violet

Orange red color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Orange red

Analogous palette · Orange red

Complementary palette · Orange red

Triadic palette · Orange red

With neutrals palette · Orange red

With an accent palette · Orange red

Orange red contrast with text

White textContrast 3.4:1 · AA large text

Black textContrast 6.1:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --orange-red: #FF4500;
  --orange-red-rgb: 255, 69, 0;
}
.bg { background-color: var(--orange-red); }
.text { color: var(--orange-red); }

Colors similar to orange red

Ferrari red Scarlet Neon orange Red Pumpkin orange Tomato red Mahogany Burnt orange Vermilion Orange

More oranges

Orange Tangerine Pumpkin orange Carrot orange Apricot Peach Coral Terracotta Burnt orange Salmon Rust Copper Neon orange Pastel orange

Frequently asked questions

What is the hex code for orange red?

The hex code for orange red is #FF4500. In RGB it is rgb(255, 69, 0), in HSL hsl(16, 100%, 50%) and in CMYK 0, 73, 100, 0.

What is the complementary color of orange red?

Its complement on the color wheel is #00BAFF, close to baby blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on orange red?

Use black text instead: the contrast with white is only 3.4:1, while with black it is 6.1:1.