Pure Orange is a medium, vivid shade in the orange color family, with a warm feel. Its HEX code is #FF8000, which equals rgb(255, 128, 0) in RGB and hsl(30, 100%, 50%) in HSL. In print terms it converts to roughly C0 M50 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF8000 - RGB
255, 128, 0 - HSL
30°, 100%, 50% - CMYK
0, 50, 100, 0 - Family
Orange - Tone
Medium, vivid
About Pure Orange
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 8.34:1. Its complementary color is #0080FF.
Download Pure Orange as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pure Orange color codes
| HEX | #FF8000 |
|---|---|
| RGB | rgb(255, 128, 0) |
| HSL | hsl(30, 100%, 50%) |
| HSV | 30°, 100%, 100% |
| CMYK | 0%, 50%, 100%, 0% |
| Decimal | 16744448 |
Shades and tints of Pure Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFEAD5 - 100
#FFD5AA - 200
#FFC080 - 300
#FFAA55 - 400
#FF952B - 500
#FF8000 - 600
#D56B00 - 700
#AA5500 - 800
#804000 - 900
#552B00 - 950
#2B1500
Color harmonies for Pure Orange
- Complementary
#0080FF≈ Azure Blue - Analogous −30°
#FF0000≈ Pure Cardinal - Analogous +30°
#FFFF00≈ Lemon - Triadic +120°
#00FF80≈ Spring Green - Triadic +240°
#8000FF≈ Pure Violet - Split 150°
#00FFFF≈ Pure Teal - Split 210°
#0000FF≈ Pure Ultramarine
Contrast and accessibility of Pure Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Orange | Aa | 2.52:1 | Fails |
| Black text on Pure Orange | Aa | 8.34:1 | AAA (excellent) |
CSS code for Pure Orange
background-color: #FF8000;color: #FF8000;background-color: rgb(255, 128, 0);background-color: hsl(30, 100%, 50%);:root { --color-pure-orange: #FF8000; }class="bg-[#FF8000]"Colors similar to Pure Orange
- Dark Orange
#FF8C00 - Tangerine
#F28500 - Pumpkin
#FF7518 - Pure Tangerine
#FF9900 - Pure Persimmon
#FF6600 - Bright Orange
#E68019 - Medium Light Persimmon
#FF7E29 - Bright Tangerine
#E69419 - Bright Persimmon
#E66B19 - Medium Dark Tangerine
#D68100 - Medium Light Orange
#FF9429 - Orange
#FFA500
More orange shades
- Pale Soft Persimmon
#E4B595 - Very Pale Soft Persimmon
#EDCCB6 - Palest Soft Persimmon
#F5E2D6 - Muted Persimmon
#B2754D - Medium Dark Dusty Persimmon
#816756 - Dusty Persimmon
#997A66 - Medium Light Orange
#FF9429 - Light Orange
#FFA852 - Pale Orange
#FFBD7A - Very Pale Orange
#FFD1A3 - Palest Orange
#FFE6CC
Frequently asked questions
What is the HEX code for Pure Orange?
The HEX code for Pure Orange is #FF8000.
What is the RGB value of Pure Orange?
Pure Orange has an RGB value of 255, 128, 0 (rgb(255, 128, 0)). In HSL it is 30°, 100%, 50%.
What text color should I use on Pure Orange?
Use black text on Pure Orange. White text has a contrast ratio of 2.52:1 and black text has 8.34:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Orange?
The complementary color of Pure Orange is #0080FF. Analogous colors #FF0000 and #FFFF00 also pair well.