Color and colour have the same meaning and pronunciation; the difference is regional spelling. Color is standard in American English, while colour is standard in British English and commonly used in Canada, Australia, New Zealand, India, and many other Commonwealth contexts. In design and science, color also describes how humans perceive light, surfaces, and materials.
Key Facts at a Glance
- Color is the usual American English spelling; colour is the usual British English spelling.
- Human-visible light occupies an approximate wavelength range of 400-700 nanometres, although the boundaries vary by definition and observer.
- RGB combines emitted red, green, and blue light for screens; CMYK layers inks that absorb portions of reflected light for printing.
- A hexadecimal RGB color such as #3366CC contains three channel values, each commonly ranging from 0-255 in 8-bit workflows.
- A monitor cannot reliably predict printed appearance without color profiles, calibration, suitable lighting, and a proof.
- Accessible color choices require more than hue differences because users may have color-vision deficiencies or view content in poor lighting.
What Is the Difference Between Color and Colour?
Color and colour are regional variants of one English word, not different concepts. American English generally uses the shorter -or ending, while British English retains -our, as in colour, favour, and honour. Both forms name the visual property associated with light and the sensations produced by it.
No pronunciation difference normally separates the two forms. Both are commonly pronounced approximately /ˈkʌlər/ in English, although accents alter the final vowel and rhythm.
| Context | Preferred spelling | Example |
|---|---|---|
| United States | color | color profile |
| United Kingdom | colour | colour profile |
| Canada | colour | colour correction |
| Australia and New Zealand | colour | colour palette |
| International brand system | Chosen house style | Use one form consistently |
The spelling choice should follow the audience, publisher, legal market, or organization’s style guide. A US software interface may say “color,” even when its users live elsewhere, because product terminology is often fixed by the vendor.
Why Does American English Use “Color”?
American English spelling was influenced by Noah Webster, whose dictionaries favored some shorter or more regular forms. Webster did not create every spelling difference, but his dictionaries helped establish color, center, and similar forms in US usage.
The distinction is orthographic rather than semantic. A UK reader understands color, and a US reader understands colour, but mixing forms inside one document can make editing and localization appear uncontrolled.
Is One Spelling More Correct?
Neither spelling is universally more correct. Color is correct for American English, and colour is correct for British English and several related national standards.
Use a publication’s existing style when writing for an institution. For a global website, select a primary language variant, document it in the editorial style guide, and localize navigation or product copy only when the commercial audience requires it.
How Does Human Color Perception Work?
Human color perception begins when light reaches the eye, but color is not a wavelength sitting independently inside an object. The visual system converts a physical stimulus into a perceptual experience through the retina, optic nerve, and brain.
The sequence is:
- A source emits or reflects light.
- A surface absorbs some wavelengths and redirects others.
- The eye focuses incoming light onto the retina.
- Cone photoreceptors respond to different portions of the spectrum.
- Neural circuits compare signals and construct a perceptual result.
Sunlight contains a broad range of visible wavelengths. A green leaf usually appears green because its pigments absorb more red and blue light while reflecting more light in the green portion of the spectrum. The result changes under artificial illumination because the source may contain different proportions of wavelengths.
Isaac Newton wrote in Opticks that “the rays, to speak properly, are not coloured.” His point remains useful: light has measurable physical properties, while color is the visual sensation produced when a nervous system interprets those properties.
What Wavelengths Can Humans See?
The commonly cited visible range is approximately 400 nanometres for violet to 700 nanometres for red. The boundary is not exact because visibility depends on intensity, observer sensitivity, age, adaptation, and the definition used by the source.
| Region | Approximate wavelength | Typical perception | Common example |
|---|---|---|---|
| Violet | 380-450 nm | Short-wave blue-violet | Some LEDs and spectral lamps |
| Blue | 450-495 nm | Short-wave blue | Clear sky appearance |
| Green | 495-570 nm | Mid-spectrum green | Leaf reflection |
| Yellow | 570-590 nm | Yellow | Sodium-vapor appearance |
| Orange | 590-620 nm | Orange | Warning garments |
| Red | 620-750 nm | Long-wave red | Brake lights |
The visible band is a small section of the electromagnetic spectrum. Ultraviolet has shorter wavelengths than visible violet, while infrared has longer wavelengths than visible red. Humans cannot see either region without instruments that convert them into visible signals.
How Many Colors Can Humans Distinguish?
Estimates often range from approximately one million to ten million distinguishable colors, but no single number applies to every person or situation. Discrimination changes with luminance, surrounding colors, retinal health, viewing time, and whether the test measures isolated color patches or ordinary objects.
A calibrated display can encode millions of RGB combinations, yet encoded values are not the same as perceptually distinct experiences. Two numerical colors may appear identical to one observer and different to another, while many display values cannot be shown because they fall outside a device’s gamut.
What Are Hue, Saturation, Value, Lightness, and Chroma?
Hue identifies a color family, while saturation, chroma, value, and lightness describe how intense or bright that color appears. Designers use these terms to organize palettes, but technical color science distinguishes several quantities that casual software interfaces often group together.
| Term | Practical meaning | Typical representation | Important limitation |
|---|---|---|---|
| Hue | Color family such as red or blue | 0-360 degrees | Hue angle depends on the color model |
| Saturation | Relative purity in models such as HSL | 0-100% | Not identical to measured chroma |
| Value | Lightness-related scale in HSV | 0-100% | Maximum value is not always perceived white |
| Lightness | Relative light-dark coordinate | 0-100% in HSL | HSL lightness is model-dependent |
| Chroma | Colorfulness relative to brightness | CIELAB or similar spaces | Requires a defined color space |
A hue wheel is useful for choosing complementary or analogous relationships. It is not a complete model of human vision, print behavior, or accessibility. A palette with mathematically separated hues can still fail when text contrast is weak.
What Is the Difference Between Tint, Shade, and Tone?
A tint is commonly made by adding white to a hue, a shade by adding black, and a tone by adding gray. In digital work, changing RGB or HSL coordinates does not physically add pigment, so these terms describe visual relationships rather than universal mixing formulas.
For example, a pastel blue is often treated as a tint of blue, while navy is treated as a shade. A muted blue-gray is commonly described as a tone. Paint manufacturers may use proprietary formulas, meaning a named tint does not guarantee a specific pigment ratio.
What Are the Main Color Models?
Color models define how numerical or physical components combine. RGB describes emitted light, CMYK describes process printing, RYB supports traditional painting instruction, and standardized systems such as Pantone and RAL identify production targets.
RGB: Additive Color for Screens
RGB combines red, green, and blue light. When all three channels reach maximum intensity on an ideal additive display, the result is white; when all channels are zero, the result is black.
An 8-bit RGB channel has 256 levels, from 0 to 255. Three channels create 256³, or 16,777,216, possible numerical combinations, although a particular monitor may display only part of that range.
| RGB example | Hexadecimal form | Typical result | Common use |
|---|---|---|---|
| 255, 0, 0 | #FF0000 | Maximum red | Screen graphics |
| 0, 255, 0 | #00FF00 | Maximum green | Digital test color |
| 0, 0, 255 | #0000FF | Maximum blue | Interface accents |
| 255, 255, 255 | #FFFFFF | White | Backgrounds |
| 0, 0, 0 | #000000 | Black | Text and borders |
sRGB remains the safest default for general web publishing because browsers and consumer devices support it broadly. Display P3 can represent some more saturated colors, especially in modern Apple and high-gamut displays, but unsupported workflows may clip or reinterpret those values.
CMYK: Subtractive Color for Printing
CMYK uses cyan, magenta, yellow, and black ink. Inks absorb selected wavelengths from white light reflected by paper, so adding ink generally reduces reflected light rather than increasing emitted light.
Commercial printers use black, called K, because cyan, magenta, and yellow alone tend to produce unstable dark neutrals, consume more ink, and create registration or drying problems. CMYK cannot reproduce every RGB color, especially many neon, electric blue, and highly saturated green colors.
RYB: A Traditional Artists’ Model
RYB uses red, yellow, and blue as primary teaching colors for traditional painting. The model is historically familiar and useful for discussing pigment mixing, but modern printing and scientific color management use other models because real pigments do not behave as ideal geometric primaries.
Pantone and RAL: Reference Systems, Not Universal Magic
The Pantone Matching System assigns named or numbered references used across graphics, packaging, textiles, plastics, and manufacturing. RAL is widely used for industrial coatings, paints, architecture, and construction products, particularly in Europe.
A Pantone or RAL code improves communication, but the physical result still depends on substrate, finish, ink, coating, lighting, printer process, and reference-book condition. A code is a target specification, not a guarantee that every surface will look identical.
Should You Use RGB or CMYK?
Use RGB for screens, apps, websites, video, and digital advertising. Use CMYK for process-printed brochures, stationery, packaging, and publications, then confirm the printer’s required ICC profile before exporting.
| Decision factor | RGB | CMYK |
|---|---|---|
| Primary medium | Monitor, phone, television | Paper, board, labels |
| Mixing method | Emitted red, green, blue light | Absorbing cyan, magenta, yellow, black ink |
| Typical 8-bit channels | 0-255 per channel | Software-dependent percentage values |
| Strongest output | Saturated screen graphics | Controlled process printing |
| Main failure | Device-to-device variation | Gamut loss and substrate variation |
| Typical file formats | PNG, JPG, SVG, WebP | PDF/X, TIFF, press-ready PDF |
A practical workflow begins in RGB when the destination is digital. For print, obtain the printer’s profile, convert deliberately, inspect out-of-gamut warnings, and request a proof for brand-critical colors.
Do not convert repeatedly between RGB and CMYK. Each conversion can remap colors, flatten transparency, alter black generation, or discard information. Keep an original master file in a suitable wide-gamut or working space, then create destination-specific exports.
Why Does Printed Color Look Duller Than Screen Color?
Printed color often looks duller because a screen emits light while paper reflects ambient light, and CMYK inks cannot reproduce every RGB color. The mismatch becomes especially visible with fluorescent-looking greens, intense cyans, bright oranges, and saturated blues.
A monitor can display a luminous RGB red by emitting light directly. Paper cannot emit that red; it can only reflect the light that reaches it after ink has absorbed part of the spectrum. A conversion into a printer profile maps colors outside the printer’s gamut to nearby printable colors.
How Do You Fix a Screen-to-Print Mismatch?
- Select the printer’s ICC profile and intended paper type.
- Convert or soft-proof the design using color-managed software.
- Inspect clipped or out-of-gamut areas.
- Adjust important colors rather than trusting automatic conversion.
- Print a contract proof under a controlled viewing light.
- Approve the proof before production.
The most common mistake is choosing a CMYK number from an online chart and assuming it is universal. Ink chemistry, paper whiteness, coating, dot gain, drying, and press calibration can change the result.
What Is Metamerism?
Metamerism occurs when two samples match under one light source but appear different under another. A paint sample and a fabric may look identical in a retail store yet separate visibly under warm household LEDs because their spectral reflectance patterns differ.
Metamerism is common when materials use different pigments or dyes to create similar appearances. It is also relevant to clothing, automotive paint, packaging, furniture, and quality-control parts.
| Viewing condition | Typical color effect | Recommended action |
|---|---|---|
| Daylight, approximately D65 | Neutral outdoor comparison | Compare samples near a window |
| Warm LED, approximately 2700-3000 K | Yellow or red shift | Test in the actual room |
| Cool office lighting | Blue or green shift | Inspect under workplace lighting |
| Retail fluorescent lighting | Uneven spectral response | Do not approve from store lighting alone |
| Production lighting | Process-specific appearance | Use the buyer’s specified illuminant |
View physical samples where they will be used. For high-value production, a spectrophotometer provides more repeatable measurements than visual inspection alone, but measurement cannot remove every appearance difference between materials.
How Much Do Color Tools Cost?
Typical color-tool costs range from about $20 for a basic physical chart to more than $1,000 for specialized textile references, while professional digital subscriptions and laboratory services add recurring or project-based costs.
| Tool or service | Typical price range | Typical timeframe | Main purpose |
|---|---|---|---|
| Basic RAL chart | $20-$40 | Immediate purchase | Industrial color reference |
| Professional graphic guide set | $230-$275 | Immediate purchase | Coated and uncoated print references |
| Textile color planner | $1,000-$1,600 | Immediate purchase | Fabric and apparel specification |
| Digital color library subscription | About $30/month or $90/year, vendor-dependent | Immediate access | Digital reference and palette management |
| Handheld spectrometer measurement | Device-dependent, often hundreds to thousands | Minutes per sample | Instrumental comparison |
| Custom ink or paint verification | Vendor-dependent | 3-7 business days typical | Production approval |
Prices change by region, edition, subscription terms, and supplier. Printed reference books also age through light exposure and handling, so production teams should replace them according to the manufacturer’s guidance rather than treating them as permanent standards.
How Should You Choose Colors for Accessible Design?
Accessible design should communicate meaning through text, icons, patterns, position, or labels in addition to hue. For standard WCAG 2.2 text guidance, normal text generally requires a contrast ratio of at least 4.5:1, while large text generally requires 3:1; non-text interface components have separate requirements.
| Design element | Practical requirement | Safer implementation |
|---|---|---|
| Normal body text | At least 4.5:1 contrast under WCAG text criteria | Dark text on a light background |
| Large text | At least 3:1 contrast | Verify actual font size and weight |
| Focus indicator | Visible against adjacent colors | Add outline or offset ring |
| Error state | Do not rely on red alone | Add icon and explanatory text |
| Data visualization | Distinguishable categories | Use labels, line styles, or patterns |
Red-green confusion is common among people with color-vision deficiencies, but accessibility problems also affect users with cataracts, low vision, glare, and low-quality displays. A palette can pass a contrast checker and still fail when adjacent chart categories share similar luminance.
How Do Cultural and Contextual Meanings Change?
Color symbolism changes by culture, industry, religion, age group, and situation, so a palette that communicates trust in one market may communicate mourning, danger, or celebration in another. Color meaning should therefore be validated with local users rather than inferred from a universal symbolism chart.
Red can signal danger, urgency, love, or prosperity. White can suggest cleanliness in one context and mourning in another. These associations do not replace functional requirements such as contrast, legibility, and brand consistency.
For international campaigns, test color with the complete message, imagery, product category, and local language. A color name can also create translation issues: “royal blue,” “teal,” and “sage” do not identify precise measurable targets without a swatch or code.
What Are the Most Common Color-Management Mistakes?
The most damaging mistakes involve treating a numerical value, screen preview, or named color as universal. Reliable color management requires a defined color space, destination, material, illuminant, and approval method.
- Using an uncalibrated monitor: Brightness and white point alter judgments before design reaches production.
- Ignoring the destination profile: An RGB file may contain colors outside the chosen press or display gamut.
- Approving a paint or fabric from a phone photograph: Camera processing changes white balance, exposure, and color rendering.
- Mixing spelling variants: “Color” and “colour” mixed within one publication signal inconsistent localization.
- Using hue alone in charts: Color-vision deficiencies make some categories indistinguishable.
- Converting files repeatedly: Multiple profile conversions can create cumulative clipping and neutral shifts.
- Matching under the wrong light: Store lighting may hide metameric differences.
A useful practitioner rule is to specify color as a package: value plus color space, substrate or display target, illuminant, finish, and tolerance. “Make it blue” is an aesthetic instruction. “Use sRGB #1F5AA6 for web and a printer-approved CMYK or spot-color equivalent on coated stock” is a production instruction.
Color, Colour, and the Right Workflow
The correct workflow depends on the destination, not on whether the project uses American or British spelling. Choose color for US English and colour for UK or Commonwealth English, choose RGB for emitted-light media, choose CMYK or spot inks for print, and validate physical materials under the intended lighting.
Digital teams should define sRGB or Display P3, document hexadecimal values, test contrast, and preview on more than one display. Print teams should request ICC requirements, use proofing, distinguish coated from uncoated stock, and approve samples under controlled conditions.
Physical manufacturing needs a reference system such as Pantone or RAL only when the system matches the material and supplier. The reference improves repeatability, but it does not override pigment, substrate, finish, illumination, or tolerance.
FAQ
Is “colour” British and “color” American?
Yes. Colour is the standard spelling in British English and is also common in Canada, Australia, New Zealand, and India. Color is the standard American English form. Both words have the same definition, and neither is inherently more correct outside its language variety.
Does colour have a different pronunciation from color?
Normally, no. Both forms are pronounced approximately /ˈkʌlər/, although regional accents change the exact vowel and final syllable. The extra u in colour is a spelling difference, not a pronunciation instruction.
Is RGB or CMYK better for a logo?
RGB is better for a logo displayed on screens, while CMYK is necessary for process printing. A professional logo system should define both digital and print versions, plus spot-color references where exact physical reproduction matters. Never assume one RGB value will reproduce identically in CMYK.
Can a printer reproduce every screen color?
No. Many screens can display colors outside the gamut of standard CMYK printing, particularly highly saturated cyan, green, orange, and blue. Special inks, expanded-gamut printing, metallics, or fluorescents can extend reproduction, but they add process and cost requirements.
Why do two screens show the same color differently?
Screens differ in panel technology, brightness, white point, calibration, operating-system processing, color profile, and ambient light. A managed workflow reduces variation, but consumer displays will not provide identical appearance unless their viewing conditions and calibration are controlled.
What is the safest color choice for accessibility?
There is no universally safest hue. Use adequate luminance contrast, avoid conveying meaning through color alone, add text or symbols, and test with contrast tools and color-vision simulation. For WCAG text criteria, begin with 4.5:1 for normal text and verify the complete interface in realistic conditions.
The answer to color or colour is straightforward: choose the spelling that matches your English audience, then manage the visual result according to its medium, profile, material, lighting, and accessibility requirements.
