Red and yellow make orange in paint. More yellow gives a light orange; more red gives a deep one, heading toward red-orange.
In light, orange is red light at full strength with green light at a lower level.
CSS orange is a light, yellowish orange; darkorange is deeper. This page aims at orange.
In paint
Our table leaves the orange tube out, so every row is a real mix.
Closest two-paint mixes
- += 25% Red + 75% Yellow #FDA32C · ΔE 2.9 from orange
- += 75% Yellow + 25% Magenta #FAA434 · ΔE 3.3 from orange
- += 60% Yellow + 40% Violet #CBA43B · ΔE 12.4 from orange
- += 90% Yellow + 10% White #F9D71D · ΔE 18.2 from orange
- += 90% Yellow + 10% Black #F1D51F · ΔE 19.1 from orange
Equal parts
- += Red + Yellow #F15C2F · ΔE 26.4 from orange
- += Magenta + Yellow #EA6142 · ΔE 28.1 from orange
ΔE is the CIEDE2000 color difference between the mix and orange. Zero means the same color; the smaller the number, the closer the mix.
In light
A screen shows orange with the red lamp full, the green lamp partly on and the blue lamp off.
The three lamps at these levels give #FFA600. Levels are the amount of light each lamp gives out, which is not the same scale as the 0–255 numbers in a color code; the method page shows the conversion.
Wheel pairings
Blue sits opposite orange on the painter's wheel.
| Rule | Painter's wheel | OKLCH wheel |
|---|---|---|
| Complementary +180° | #3200FF 4.12:1 | #78C1FF 1.02:1 |
| Analogous -30° +30° | #FF6500 1.49:1#FFE500 1.55:1 | #FF986E 1.07:1#D4BD00 1.04:1 |
| Triadic +120° +240° | #00FF96 1.48:1#FF00F0 1.63:1 | #00DAD3 1.13:1#DE99FF 1.05:1 |
| Split-complementary +150° +210° | #0069FF 2.38:1#8700FF 3.06:1 | #00D2FF 1.10:1#ACB1FF 1.01:1 |
Orange mixed with each paint
Start from orange (#FFA500) and add one of our ten stand-in paints. Shares are by amount, in our paint model.
| Add | 75% orange + 25% | 50% orange + 50% | 25% orange + 75% |
|---|---|---|---|
| Red | #FC8615 | #EC4F21 | #D72A2A |
| Yellow | #FEA904 | #FCBB12 | #FAD01B |
| Blue | #B7A11D | #628633 | #205C4C |
| Orange | #FDA304 | #F79812 | #F38E1C |
| Green | #B4A61A | #689C2A | #3A8B39 |
| Violet | #E29C17 | #AE7630 | #714846 |
| Magenta | #F9871D | #E55231 | #CA2F4D |
| Cyan | #8DA920 | #47A537 | #009F6A |
| White | #FDAC12 | #FAC640 | #F6E78E |
| Black | #D4A016 | #8F8028 | #444429 |
Named oranges in CSS
| CSS name | Swatch | Code | ΔE from this page's orange |
|---|---|---|---|
| orange | #FFA500 | 0.0 | |
| darkorange | #FF8C00 | 8.7 | |
| coral | #FF7F50 | 21.5 |
Paint results come from a pigment model and our ten stand-in paints, not from real tubes, which vary by brand and pigment. Try any pair in the color mixer, or read how each swatch is worked out.