# Orange Red Color (#FF4500)

> Orange Red is a CSS named color defined as hex code #FF4500.

- **URL**: https://swatchatlas.com/colors/orange-red/
- **Language**: English (en)
- **CSS Name**: `orangered`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #FF4500
- **RGB**: rgb(255, 69, 0)
- **HSL**: hsl(16, 100%, 50%)
- **HSV/HSB**: hsv(16, 100%, 100%)
- **CMYK**: cmyk(0%, 73%, 100%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.660 0.229 35.4)

## What Colors Go With Orange Red
Contrast is each color on Orange Red (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 6.1:1, text-safe. Strong, readable text on orange red.
- **White (#FFFFFF)**: 3.44:1, background or accent. Clean text for large or bold labels on orange red.
- **Navy (#000080)**: 4.65:1, text-safe. A deep blue that gives a crisp, complementary contrast.
- **Ivory (#FFFFF0)**: 3.41:1, background or accent. A warm off-white for backgrounds around orange red.
- **Gold (#FFD700)**: 2.45:1, background or accent. A warm, fiery accent for festive or sporty designs.
- **Teal (#008080)**: 1.39:1, background or accent. A cool complement that makes orange red pop.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Orange Red**: 6.1:1 (Passes AA for all text; AAA for large text only)
- **Pure White (#FFFFFF) text on Orange Red**: 3.44:1 (Passes AA for large text only)
- **Dark Charcoal (#212529) text on Orange Red**: 4.48:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Orange Red**: 1.67:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Orange Red?
Yes. Black text on Orange Red has a WCAG 2.2 contrast ratio of 6.1:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### Can I use white text on Orange Red?
Only for large text. White text on Orange Red has a WCAG 2.2 contrast ratio of 3.44:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### What colors go with Orange Red?
Black, White, Navy, Ivory, Gold and Teal all go well with Orange Red. Black (6.1:1) and Navy (4.65:1) have enough contrast for text on Orange Red; White, Ivory, Gold and Teal work better as a background or accent.

### Is orange red the same as red-orange?
Red-orange is a general color term with no single standard value. CSS orangered is #FF4500, which is one specific red-orange.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/orange-red-1920x1080.png