Fire Engine Red #FE0002

Fire Engine Red is a medium-light, vivid red with hex code #FE0002 and RGB rgb(254, 0, 2).

Aa

Black text reads best on this color (5.21:1).

About this color

#FE0002 is a medium-light, vivid red. In OKLCH its lightness is 63%, its chroma 0.257 and its hue 29°. Its hue sits on the warm side of the wheel. It is the named color Fire Engine Red. Black text reads best on it, at 5.21:1.

Hue familyReds
Lightnessmedium-light (63%)
Chromavivid (0.257)
Temperaturewarm
Nearest nameFire Engine Red
Black text5.21:1
White text4.02:1

Colors that go with Fire Engine Red

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

Color palettes with Fire Engine Red

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

Similar named colors

The eight named colors closest to Fire Engine Red, with their ΔE distance.

More about Fire Engine Red

How to make Fire Engine Red

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.

  • 2 parts red
  • 1 part yellow

Recipe result: #E63F2F, a difference of ΔE 0.052 from Fire Engine Red. That is close; add a little more of one paint to match.

What colors make red? | Color mixing chart

Codes for Fire Engine Red in every format

HEX#FE0002
RGBrgb(254, 0, 2)
HSLhsl(360, 100%, 50%)
OKLCHoklch(62.6% 0.257 29.1)

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.

PairWCAG 2ResultAPCAAPCA guidance
White text on #FE0002 4.02:1 AA large text Lc -69.9 Content text, not long reading
Black text on #FE0002 5.21:1 AA Lc 39.7 Non-text elements, placeholder text
#FE0002 text on white 4.02:1 AA large text Lc 64.4 Content text, not long reading
#FE0002 text on black 5.21:1 AA Lc -37.3 Non-text elements, placeholder text

Shades and tints of Fire Engine Red

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

    #FFF2F0

    oklch(97.1% 0.014 28)

  2. Step 100

    100

    #FFE2DE

    oklch(93.5% 0.033 27.1)

  3. Step 200

    200

    #FFCBC2

    oklch(88.5% 0.061 29.7)

  4. Step 300

    300

    #FFA698

    oklch(81% 0.108 29.4)

  5. Step 400

    400

    #FF6A59

    oklch(70.7% 0.185 29.1)

  6. Step 500

    500 (this color)

    #FE0002

    oklch(62.6% 0.257 29.1)

  7. Step 600

    600

    #D90001

    oklch(55.6% 0.228 29.2)

  8. Step 700

    700

    #B80001

    oklch(49.1% 0.202 29.1)

  9. Step 800

    800

    #980001

    oklch(42.7% 0.175 29.1)

  10. Step 900

    900

    #800000

    oklch(37.7% 0.155 29.2)

  11. Step 950

    950

    #4E0302

    oklch(26.9% 0.106 29)

Export this scale for Tailwind in the Tailwind colors tool

Fire Engine Red 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.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#6C5F000.282
Deuteranopia (no green cones)#A390000.249
Tritanopia (no blue cones)#FF000F0.004
Achromatopsia (no color)#7F7F7F0.259

Use Fire Engine Red in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.