Orange color

Orange Red #FF4500

#FF4500 · rgb(255, 69, 0)

Orange Red is the color #FF4500. In RGB it is rgb(255, 69, 0) — 100% red, 27% green and 0% blue. Its CMYK breakdown is 0% cyan, 73% magenta, 100% yellow and 0% black, and in HSL it sits at 16° hue, 100% saturation and 50% lightness. Orange Red is one of the 140 standard CSS / HTML color names, so color: orange-red works in CSS. The closest web-safe color is #FF3300.

Orange Red color codes

Hex#FF4500
RGBrgb(255, 69, 0)
RGB %100%, 27%, 0%
HSLhsl(16, 100%, 50%)
HSV / HSBhsv(16, 100%, 100%)
CMYKcmyk(0%, 73%, 100%, 0%)
OKLCHoklch(66% 0.229 35)
Closest web-safe#FF3300

Orange Red color meaning

Orange Red is a bold and energetic orange — a warm color at 50% lightness and 100% saturation. Like other oranges, it is linked with warmth, enthusiasm and creativity. It feels friendly and playful, sitting between the energy of red and the cheer of yellow.

Because it is bold and energetic, orange red works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (3.4:1), so use it for fills and backgrounds and put black text on top (6.1:1).

What colors go with Orange Red?

Orange Red pairs well with Deep Sky Blue, Red, Amber and Linen: Deep Sky Blue sits close to its opposite on the color wheel for strong contrast, Red and Amber are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around orange red in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Orange Red at a glance

Color familyOrange · warm, bold and energetic
CSS color nameYes — orangered works in CSS
As text on white3.44:1 — large text only
Best text on itBlack (6.10:1)
For print (CMYK)0% cyan, 73% magenta, 100% yellow, 0% black
Full screenOpen the orange red screen — fill your display or download it in 4K

Contrast

Contrast ratio of Orange Red against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.44:1 Black text — 6.10:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Orange Red

Orange Red color FAQ

What is the hex code for Orange Red?

Orange Red is #FF4500, which is rgb(255, 69, 0) and hsl(16, 100%, 50%). For print it is roughly C0 M73 Y100 K0.

What colors go with Orange Red?

Orange Red pairs well with Deep Sky Blue, Red, Amber, Linen. Deep Sky Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Orange Red a warm or cool color?

Orange Red is a warm color: its hue is 16°, on the red, orange and yellow side of the color wheel.

What text color looks best on Orange Red?

Black text, with a contrast ratio of 6.1:1, which meets WCAG AA for normal text.