Colormapped
Color reference

Orange #FFA500

Orange is the standard CSS named color #FFA500, a vivid warm color between red and yellow.

Orange is the CSS named color keyword orange, standardized at #FFA500 in sRGB.

Orange #FFA500 10.63:1 with black text

Color values

HEX#FFA500
RGBrgb(255, 165, 0)
HSLhsl(39 100% 50%)
HSV39°, 100%, 100%
CMYK0%, 35%, 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 10.63:1 — AA normal text passes
White text 1.97:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

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

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

80% tint #FFEDCC
60% tint #FFDB99
40% tint #FFC966
20% tint #FFB733
Base #FFA500
20% shade #CC8400
40% shade #996300
60% shade #664200
80% shade #332100

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

CSS usage

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

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