- No data uploaded
- Instant results
Orange — #FFA500
Orange is the CSS named colour orange, hex #FFA500. It has a contrast ratio of 1.97:1 on white and 10.63:1 on black — best used as text on dark backgrounds.
Orange — #FFA500
Contrast on white 1.97:1 · on black 10.63:1
Tints
Shades
Complementary
Triadic
Analogous
Using Orange in code
CSS: color: orange; or color: #FFA500; · Tailwind: text-[#FFA500] · Android/Flutter: 0xFFFFA500
Orange colour harmonies
Complementary: #005AFF · Triadic: #00FFA5, #A500FF · Analogous: #FF2500, #DAFF00. Use tints for backgrounds and shades for hover states.
Orange in every colour format
| Format | Value |
|---|---|
| HEX | #FFA500 |
| RGB | rgb(255, 165, 0) |
| HSL | hsl(39, 100%, 50%) |
| HSV | hsv(39, 100%, 100%) |
| CMYK | cmyk(0%, 35%, 100%, 0%) |
| CSS name | orange |
| Contrast on white | 1.97:1 |
| Contrast on black | 10.63:1 |
Frequently asked questions
What is the hex code for Orange?
#FFA500 (CSS name: orange).
What is Orange in RGB?
rgb(255, 165, 0)
What colour goes well with Orange?
Its complementary colour #005AFF, or the analogous #FF2500 and #DAFF00.