# Orange Color (#FFA500)

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

- **URL**: https://swatchatlas.com/colors/orange/
- **Language**: English (en)
- **CSS Name**: `orange`
- **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**: #FFA500
- **RGB**: rgb(255, 165, 0)
- **HSL**: hsl(39, 100%, 50%)
- **HSV/HSB**: hsv(39, 100%, 100%)
- **CMYK**: cmyk(0%, 35%, 100%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.793 0.171 70.7)

## What Colors Go With Orange
Contrast is each color on Orange (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 10.63:1, text-safe. The strongest partner: maximum contrast for text and outlines.
- **Navy (#000080)**: 8.11:1, text-safe. A deep blue that gives readable text and a classic complementary contrast.
- **Dark Slate Gray (#2F4F4F)**: 4.52:1, text-safe. A muted charcoal for a modern, restrained look.
- **Purple (#800080)**: 4.77:1, text-safe. A vivid contrast for bold, playful designs.
- **Brown (#A52A2A)**: 3.59:1, background or accent. A warm, earthy partner for autumn and rustic palettes.
- **White (#FFFFFF)**: 1.97:1, background or accent. Clean space around orange blocks; not for text on orange.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Orange**: 10.63:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Orange**: 1.97:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Orange**: 7.81:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Orange**: 2.91:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Orange?
Yes. Black text on Orange has a WCAG 2.2 contrast ratio of 10.63:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Orange?
No. White text on Orange has a WCAG 2.2 contrast ratio of only 1.97:1, below the 3:1 minimum even for large text.

### What colors go with Orange?
Black, Navy, Dark Slate Gray, Purple, Brown and White all go well with Orange. Black (10.63:1), Navy (8.11:1), Dark Slate Gray (4.52:1) and Purple (4.77:1) have enough contrast for text on Orange; Brown and White work better as a background or accent.

### What is the hex code for orange?
The CSS named color orange is #FFA500, which is RGB(255, 165, 0).

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