Colormapped
Color reference

Orange Red #FF4500

Orange Red is the CSS named color orangered at #FF4500, a vivid red-orange value.

Orange Red is the CSS named color keyword orangered, standardized at #FF4500 in sRGB.

Orange Red #FF4500 6.10:1 with black text

Color values

HEX#FF4500
RGBrgb(255, 69, 0)
HSLhsl(16 100% 50%)
HSV16°, 100%, 100%
CMYK0%, 73%, 100%, 0%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 6.10:1 — AA normal text passes
White text 3.44:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Orange Red

These steps are computed by RGB-mixing #FF4500 toward white or black. They are generated values, not official named colors.

80% tint #FFDACC
60% tint #FFB599
40% tint #FF8F66
20% tint #FF6A33
Base #FF4500
20% shade #CC3700
40% shade #992900
60% shade #661C00
80% shade #330E00

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: orangered;
}

You can use either orangered or #FF4500 in CSS; both resolve to the same sRGB color.