How to Make the Color Orange (and Build It Into a Logo Palette)

Orange is made by mixing red and yellow. With paint or printing ink, more red gives a deeper, red-orange, and more yellow gives a lighter, yellow-orange. On screens, orange is made differently: full red light plus a partial amount of green light, with no blue. For a logo, the useful answer is not just the mix but a defined set of values (hex, RGB, CMYK and, where needed, a spot color) that reproduces the same orange everywhere the mark appears.

What Red and Yellow Make, and Why Screens Work Differently

Red and yellow make orange in subtractive color, the system used by paint, ink and other physical pigments. Subtractive means each pigment absorbs part of the light hitting it, so mixing pigments removes light and produces a new hue. Orange sits between red and yellow on the traditional color wheel, which is why it is called a secondary color in the red-yellow-blue model used in art instruction.

Screens use additive color, where red, green and blue light are combined. In additive mixing, red plus green light makes yellow, not orange. Orange appears when red is at full strength and green is at roughly half strength or somewhat more, with blue at or near zero. Keeping this distinction clear prevents a common mistake: trying to reproduce a painted or printed orange on screen by thinking in terms of red and yellow sliders that do not exist in RGB.

In the HSL and HSB color models used by most design software, hue is measured in degrees around a circle. Red sits at 0 degrees and yellow at 60 degrees, so a balanced orange falls near 30 degrees. Moving the hue toward 0 makes it redder; moving toward 60 makes it more golden.

Orange Color Codes You Can Start From

The web color standard (CSS) defines several named oranges with fixed values. These are reliable reference points for screen work, though none of them is automatically right for a particular brand.

Name | Hex | RGB

orange | #FFA500 | 255, 165, 0

darkorange | #FF8C00 | 255, 140, 0

orangered | #FF4500 | 255, 69, 0

coral | #FF7F50 | 255, 127, 80

tomato | #FF6347 | 255, 99, 71

A hex code is a six-character shorthand for RGB values: the first pair is red, the second green, the third blue, each written in base 16 from 00 to FF. In #FFA500, FF is full red, A5 is a moderate amount of green, and 00 is no blue.

CMYK values (cyan, magenta, yellow, black) for orange are built mainly from magenta and yellow with little or no cyan. However, there is no single correct CMYK equivalent for a hex orange: the conversion depends on the color profile, paper and press conditions. Any CMYK numbers should come from a conversion using the profile your printer specifies, followed by a proof. The same applies to Pantone or other spot colors, which should be chosen from a current physical or official digital swatch guide rather than from a generic conversion table. No verified CMYK or spot-color matches were supplied for this guide, so none are listed here.

How to Create Orange for a Logo Palette

Before starting, confirm three things: where the logo will be used (screen only, print, or both), whether a printer or brand guideline already specifies a color profile or spot color, and whether the logo will appear on light backgrounds, dark backgrounds or both. These decide which color definitions you need.

• 1. Choose the hue. Set the hue in your vector application's color picker between red and yellow, around 30 degrees for a neutral orange, lower for a red-orange, higher for an amber or golden orange.
• 2. Set saturation and brightness. High saturation and brightness give a vivid orange; lowering brightness moves toward burnt orange and brown; lowering saturation produces muted, earthy tones.
• 3. Record the base screen values. Note the hex and RGB values of the chosen orange so the color can be reproduced exactly.
• 4. Build supporting tints and shades. Create lighter versions (mixed toward white) and darker versions (mixed toward black or a deeper red-brown) for secondary elements, backgrounds and hover states. Keep the hue consistent so they read as one family.
• 5. Check contrast. Test the orange against every background and text color it will sit beside, using a contrast checker based on the WCAG contrast formula.
• 6. Create print definitions. Convert to CMYK using the printer's specified profile, and if a spot color is required, select it from a current swatch guide and compare it visually against the screen version.
• 7. Save the colors as named swatches. Use global or linked swatches in your vector file so changing a swatch updates every path that uses it.
• 8. Apply the swatches to the artwork. Fill logo paths and convert any live type to outlines only after the color is final, so text and shapes share the same swatch references.
• 9. Export and document. Export screen files in RGB and print files in CMYK or with the spot color preserved, then record all values in a short color specification.

Menu names and settings for global swatches, color profiles, spot-color handling and export differ between applications and versions. Confirm the exact commands in the documentation for the version you are using rather than relying on generic instructions.

Contrast: The Main Practical Limit of Orange

Bright oranges are light in relative luminance, which makes white text on them hard to read. Using the WCAG formula, white on #FFA500 works out to roughly 2:1, well short of the 4.5:1 that WCAG 2 requires for normal-size text and below the 3:1 it requires for large text and meaningful graphics. Black on the same orange passes comfortably. If a logo or wordmark must sit in white on an orange field, a deeper orange (lower brightness, hue nearer red) will improve contrast; check the specific pairing rather than assuming it passes.

Example Color Specification

A simple palette record keeps every delivery format consistent. The structure below shows what to document; the CMYK and spot-color lines are placeholders to be filled from your printer's profile and swatch guide, not recommended values.

Brand Orange (primary)
  Hex:   #FF8C00
  RGB:   255, 140, 0
  CMYK:  [convert with printer's specified profile]
  Spot:  [select from current swatch guide]

Brand Orange Light (tint)
  Hex:   [lighter value, same hue]

Brand Orange Dark (shade)
  Hex:   [darker value, same hue]

Text on orange: black or dark neutral (verify contrast)

How to Confirm the Result

• Every orange object in the vector file uses a named swatch rather than an unlinked one-off fill.
• The RGB export displays the documented hex value when sampled with a color picker.
• The print file's color mode or separations match what the printer requested, and any spot color appears as its own separation in a preview.
• All text and key shapes on or beside orange meet the contrast level you need when tested.
• A printed proof has been compared against the screen version under consistent lighting, and any shift has been accepted or corrected.
• The color specification lists hex, RGB, CMYK and spot values so other designers and vendors can reproduce the orange.

A file's extension does not confirm that colors are defined correctly or that the artwork is fully vector. Open the file and inspect the swatches, color mode and objects directly. Likewise, finding an orange logo file does not grant permission to reuse that logo or its exact brand color in other work.