Colour wheel

The short answer

A color wheel (spelled colour wheel in British English) arranges hues in a circle so you can see how they relate. To build a logo palette with it, choose one base hue that fits the brand, then pick supporting hues by a fixed geometric relationship on the wheel, such as directly opposite (complementary), adjacent (analogous) or evenly spaced (triadic). The wheel only proposes hue relationships. You still have to adjust lightness and saturation, define exact color values for screen and print, and confirm that the logo still reads in one color and in grayscale.

A few terms are used throughout this guide. Hue is the color family, such as red, blue or yellow-green, and corresponds to a position on the wheel. Saturation is how intense or muted a color is. Lightness, also called value, is how close a color is to white or black. A palette is the defined set of colors a logo and its brand system are allowed to use.

Which color wheel you are looking at

Not all wheels place hues in the same positions, so the same rule can suggest different partners depending on the model.

Wheel model | Primary colors | Typical use | Complement of red

RYB (traditional artist's wheel) | Red, yellow, blue | Painting, color theory teaching | Green

RGB / HSL (digital wheel) | Red, green, blue | Design software color pickers, screen work | Cyan

CMY (subtractive printing model) | Cyan, magenta, yellow | Understanding process print inks | Cyan

Most vector design applications use the RGB/HSL model in their color pickers, where hue is expressed as an angle from 0 to 360 degrees. That makes harmony rules easy to apply numerically. If you are following a tutorial based on the RYB artist's wheel, expect its suggested pairs to differ from what your software shows; neither is wrong, they are different models.

Harmony types and how to find them

Each harmony is a repeatable pattern of positions on the wheel. The angle offsets below are the common conventions for a 360-degree digital wheel; they are starting points, not fixed requirements.

Harmony | How to find it | Typical character in a logo

Monochromatic | One hue, varied in lightness and saturation | Restrained, cohesive, easy to reproduce

Analogous | Base hue plus its neighbors, roughly 30 degrees on either side | Calm, unified, lower internal contrast

Complementary | Base hue plus the hue opposite it, 180 degrees away | High contrast, strong emphasis

Split-complementary | Base hue plus the two hues on either side of its complement, about 30 degrees from it | Contrast with less tension than a direct complement

Triadic | Three hues evenly spaced, 120 degrees apart | Lively, balanced, harder to keep restrained

Tetradic (square or rectangle) | Four hues forming a square or rectangle on the wheel | Rich and varied; often too many colors for a mark itself

For most logo marks, fewer colors are easier to manage. Monochromatic, analogous and complementary schemes usually translate to a primary mark more cleanly, while triadic and tetradic schemes often work better as a wider brand palette around a simpler logo.

Step-by-step: building a logo palette from the wheel

• 1. Choose a base hue. Start from the color the brand most needs to own or that best suits its context and audience. If brand guidelines already specify a primary color, use it as the base rather than generating a new one.
• 2. Decide how many colors the mark needs. Many logos work with one or two colors; each added color raises reproduction cost and complexity in print.
• 3. Pick a harmony rule. Use the table above to select a relationship that matches the contrast you want, then locate the partner hues on your software's color wheel or by offsetting the hue angle.
• 4. Adjust saturation and lightness. Pure wheel hues at full saturation rarely sit well together. Vary lightness so the colors are clearly distinguishable, and mute one color if both compete for attention.
• 5. Assign roles. Decide which color is dominant, which is secondary and which, if any, is an accent. A common approach is to let one color carry most of the visual weight.
• 6. Apply the colors to the vector artwork. Fill shapes and type in the actual logo file instead of judging swatches in isolation, because the same color behaves differently on a thin stroke than on a large shape.
• 7. Define exact values for each output. Record the values for screen (RGB and hex) and for print (CMYK, and a spot color reference if the logo will be printed with spot inks).
• 8. Verify the result with the checks below and revise any color that fails.

Checks before you finalize

• Grayscale test: Convert a copy of the logo to grayscale. If two colors merge into the same gray, their lightness values are too close and the shapes will lose definition when color is unavailable.
• One-color test: Produce a single-color version (solid black and solid white on dark). If the design depends on color differences to separate parts, it will need a redesigned one-color variant.
• Background test: Place the logo on white, black and the brand's likely background colors to confirm it holds up in each.
• Small-size test: View the mark at the smallest size it will be used. Adjacent colors with low contrast tend to blur together when small.
• Print gamut check: Some bright screen colors, particularly vivid greens, blues and oranges, cannot be reproduced exactly in CMYK process printing. Soft-proof in your design software or request a printed proof, and consider a spot color if accuracy matters.
• Color vision check: Use a color blindness simulation, available in some design applications, to see whether important distinctions rely only on hue, for example red against green.

On accessibility, the WCAG text-contrast success criterion explicitly exempts text that is part of a logo or brand name, so there is no documented minimum contrast ratio for the mark itself. Strong contrast is still a design recommendation, and any text placed near the logo on a website remains subject to normal contrast requirements.

Recording the palette for delivery

A palette is only usable once every color is documented consistently. A simple specification sheet can follow a structure like the template below; replace the placeholders with the values you define, since this guide does not supply specific colors.

PALETTE: [Brand name]
Harmony: [e.g. split-complementary]

Primary
  Role:   dominant mark color
  HEX:    #______
  RGB:    ___ / ___ / ___
  CMYK:   ___ / ___ / ___ / ___
  Spot:   [spot color reference, if used]

Secondary
  Role:   supporting shapes / wordmark
  HEX:    #______
  RGB:    ___ / ___ / ___
  CMYK:   ___ / ___ / ___ / ___
  Spot:   [spot color reference, if used]

One-color versions: black, white (reversed)

Save the colors as named global swatches in the vector file so they can be updated consistently, and export separate files for screen (RGB) and print (CMYK or spot). Keep in mind that a file extension such as SVG, EPS or AI does not by itself guarantee that the colors are defined correctly, that the artwork is fully vector or that you have permission to reuse the logo; open and inspect the file to confirm its color mode and swatch definitions.

Gaps in this guide

No subject-specific evidence was available, so this guide gives no recommended color values, brand examples, ink references or measured results. The harmony angles are widely used conventions rather than rules, and any color associations a brand wants to convey should be checked against its own audience and market. For exact print colors, rely on proofs from the printer and the official references for the ink system being used.