Orangered #FE420F

About this color

#FE420F is a medium-light, vivid red. In OKLCH its lightness is 66%, its chroma 0.230 and its hue 34°. Its hue sits on the warm side of the wheel. It is the named color Orangered. Black text reads best on it, at 6.00:1.

Colors that go with Orangered

Matches found by rotating Orangered around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Orangered

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Orangered, closest first.

• Cauldron and Pumpkin
• Jack Feast
• Jack Fog
• Lime Slice

Similar named colors

The eight named colors closest to Orangered, with their ΔE distance.

• Orange Red #FF4500 ΔE 0.007
• Red Orange #FD3C06 ΔE 0.008
• Orangey Red #FA4224 ΔE 0.012
• Blood Orange #FE4B03 ΔE 0.014
• Orange Pant #FB5607 ΔE 0.030
• Vermillion #F4320C ΔE 0.031
• Bright Orange #FF5B00 ΔE 0.040
• Light Red #FF474C ΔE 0.042

More about Orangered

• Shades of red
• What red means

How to make Orangered

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts red
• 3 parts yellow
• 1 part orange

Recipe result: #EE522F, a difference of ΔE 0.032 from Orangered. That is close; add a little more of one paint to match.

What colors make red? | Color mixing chart

Codes for Orangered in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Orangered

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 500.

1. Step 50

   50

   #FFF2EF

   oklch(97.1% 0.015 33.1)

2. Step 100

   100

   #FFE3DC

   oklch(93.7% 0.032 34.3)

3. Step 200

   200

   #FFCBBF

   oklch(88.5% 0.062 33.2)

4. Step 300

   300

   #FFA691

   oklch(80.8% 0.11 33.9)

5. Step 400

   400

   #FC6E4F

   oklch(70.7% 0.18 33.8)

6. Step 500

   500 (this color)

   #FE420F

   oklch(65.6% 0.23 34.1)

7. Step 600

   600

   #CE2F00

   oklch(55.6% 0.2 34)

8. Step 700

   700

   #AE2700

   oklch(49.1% 0.176 34.2)

9. Step 800

   800

   #901E00

   oklch(42.7% 0.153 34)

10. Step 900

    900

    #791800

    oklch(37.7% 0.135 34.2)

11. Step 950

    950

    #4A0C01

    oklch(26.9% 0.095 34)

Export this scale for Tailwind in the Tailwind colors tool

Orangered with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.