A CMYK color chart for printing is a reference table that maps printable ink combinations to visual color names, and the fastest way to build one from a known palette is to start from the 148 opaque CSS named colors because every one of them carries a fixed sRGB value. Press operators mix cyan, magenta, yellow, and black ink in percentages between 0 and 100, while screens mix red, green, and blue light on integer channels from 0 to 255. Because the two systems describe color with different inputs, any chart built from HTML color names has to translate each name's exact sRGB value into a CMYK ink recipe before a press can use it. The HTML Color Names Chart gives you the exact lowercase #RRGGBB value and the decimal rgb(r, g, b) channel for every keyword, including standardized aliases, so you can copy a precise starting value and feed it into a separate RGB to CMYK conversion without guessing at the digits. This approach works for layout mockups, brand-color handoffs, and small-format print runs where approximate matching is acceptable.
What a CMYK color chart contains
A CMYK color chart typically lists color names in one column and four numeric channels in the next four columns: cyan (C), magenta (M), yellow (Y), and key or black (K). Each channel is reported as a percentage from 0 (no ink) to 100 (full ink), and the four percentages together describe how much of each ink the press lays down for that swatch.
Printers arrange charts in several common ways:
- By hue family, walking through reds, oranges, yellows, greens, bluesples, and neutrals in that order.
- By lightness, with the lightest tint of each hue first and the darkest shade last.
- By ink load, where charts show low-ink tints, mid-range solid colors, and high-ink deep tones as separate rows.
A chart built for production usually includes a process-color column (CMYK), a spot-color or Pantone reference where available, and a paper-stock note because the same ink recipe looks different on uncoated, gloss, and matte stocks. Charts built for screen-to-press handoffs often add the source RGB or HEX value next to each CMYK row so designers can trace a pixel back to a press instruction.
A chart built only from HTML named colors skips the spot-color column because CSS names describe sRGB pixels, not physical pigments. Every row then becomes a triple: the CSS keyword, the exact #RRGGBB, and the CMYK percentages the press should use. The chart itself never outputs the CMYK column; that conversion is always a separate step.
Where HTML named colors fit in a print workflow
CSS named colors are an unusual input for a print chart because they live entirely in the sRGB color space and have no built-in CMYK mapping. Still, three practical situations make them a useful starting point.
First, design mockups. When you prototype a layout in a browser or in software that reads CSS color keywords, every swatch already has a stable sRGB triple. Copying that triple from the chart lets you hand off a known starting point instead of eyeballing a press sample.
Second, brand-color continuity. Companies often pick a named color as the canonical reference for a brand asset, then expect print partners to reproduce it on press. The chart standardizes the keyword so the source value is the same on every machine that opens the file.
Third, learning and documentation. The 148 opaque CSS keywords are short, memorable, and ship with every modern browser. A chart that lists each keyword next to its CMYK recipe is easier to teach than a chart full of raw six-digit hex codes.
The chart is not a CMYK generator. It does not run gamut mapping, simulate paper stock, or pick a press profile. It returns one stable value per keyword, and that value is a screen-space coordinate. Converting that coordinate into a press-ready ink recipe is a separate step that belongs to a dedicated conversion tool.
Look up a print-ready starting value with the HTML Color Names Chart
The HTML Color Names Chart runs entirely in the browser and returns the exact sRGB mapping for every CSS keyword, so the lookup step is the same whether you are preparing a screen mockup or a press file.
- Open the HTML Color Names Chart and decide whether you want to look up by keyword, by HEX, or by rgb() string.
- Type a fragment of the keyword into the filter to narrow the table to matching names. Search is case-insensitive and matches name fragments, so typing "medi" surfaces mediumaquamarine, mediumblue, mediumorchid, and similar entries.
- Inspect the swatch, the lowercase #RRGGBB value, and the decimal rgb(r, g, b) value for each row that matches.
- Click the HEX value to copy the six-digit string to your clipboard. If the browser blocks clipboard access, the visible keyword, HEX, and RGB text remain selectable for manual copying.
- Paste the copied HEX into a dedicated RGB to CMYK converter to translate the screen value into C, M, Y, and K percentages for your press profile.
- Clear the filter to restore the full 148-row table, and use standardized alias rows (aqua and cyan, fuchsia and magenta, gray and grey) when you are maintaining a legacy stylesheet.
A few practical notes make the lookup faster. The chart preserves aliases as separate rows on purpose, because both spellings are valid CSS identifiers and each one is useful when you are reading or maintaining existing code. Filtering never merges aliases and never invents fuzzy synonyms, so a row you see is always the row the spec defines. A search that starts with # uses exact HEX matching, which prevents a short fragment from accidentally matching the wrong channel. A search using the full rgb(...) form also uses exact matching for the same reason.
Limits you should plan for when printing named colors
A name on a chart is not a guarantee that the press will reproduce it exactly. Three limits matter most.
sRGB does not cover every printable color
The sRGB color space is narrower than a typical CMYK gamut on coated paper, so some saturated greens, cyans, and oranges that fit inside sRGB actually sit outside what the press can lay down. A conversion step will clip those colors to the nearest reproducible ink mix, and the printed swatch will look duller than the on-screen preview.
Two monitors show the same HEX differently
Calibration, white point, and viewing light all shift how an sRGB pixel looks. A named color like tomato or cornflowerblue will render slightly differently on a wide-gamut laptop and a budget office display, and the press will reproduce neither screen exactly. Treat the chart as a stable coordinate, not as a perceptual promise.
Paper stock changes the result
Cyan, magenta, and yellow inks soak into uncoated stock and sit on top of gloss, so the same ink recipe reads darker on matte and brighter on coated sheets. Always proof on the actual stock before signing off a chart.
Names are not a perceptually even palette
Some neighbors look surprisingly similar, and lightness is not consistent across the 148 names. If you need a gradient or a sequential ramp, generate it with a dedicated tool rather than picking neighboring CSS keywords.
Reference systems compared for print prep
Different print reference systems solve different problems, and picking the right one for the job matters more than picking the most exhaustive one.
| Reference system | What it gives you | Best use case | Main limitation |
|---|---|---|---|
| HTML named colors (this chart) | Stable CSS keyword plus exact #RRGGBB and rgb() mapping | Standardizing a handoff from a CSS-based design | No CMYK output and no gamut mapping |
| RGB to CMYK converter | C, M, Y, K percentages for one HEX at a time | Quick press numbers for one known color | Approximation only, depends on the press profile you assume |
| Pantone or spot libraries | Physical ink mixes tied to a printed swatch book | Brand-critical colors that must match across vendors | Cost per ink, separate plate, and a finite library |
| Process CMYK ink chart | A range of C, M, Y, K combinations in printable gamut | Choosing a tint or shade within reproducible colors | Out-of-gamut screen colors clip to the nearest mix |
The HTML Color Names Chart fills the first row of this table. It is the place to confirm the exact screen-space coordinate before any conversion step. The other rows are the work that comes after the lookup.
From HEX to CMYK percentages in two steps
For a screen-to-press handoff, treat the conversion as two separate moves. Step one is the lookup in the HTML Color Names Chart, which gives you the exact lowercase #RRGGBB for the keyword. Step two is the conversion of that HEX into C, M, Y, and K percentages using a dedicated RGB to CMYK tool. The named color chart does not output CMYK directly, and that is by design: the same HEX converts to different CMYK percentages depending on the press profile, paper stock, and ink set, so the chart's job is to give you the stable input, not to guess at the output.
For accessibility decisions, the chart is also not the right tool. Contrast depends on the foreground and background pair, on text size, and on the relevant guidance, not on a single keyword. Use a contrast checker to evaluate any pair before you lock the colors in a print piece.
Quick reference for the 148 keywords
Every row of the chart contains one CSS keyword, one lowercase #RRGGBB value, one decimal rgb() triple, and one rendered swatch. The full table includes standardized aliases as separate rows, so aqua and cyan both appear at #00ffff and fuchsia and magenta both appear at #ff00ff. American and British gray spellings also coexist for several names. The 148 count excludes transparent and currentColor, because transparent is an alpha-bearing keyword and currentColor resolves to the computed color of the element rather than a fixed standalone value.
Search results preserve the specification table order, which is ASCII alphabetical by keyword in this implementation. The table does not merge aliases, does not convert the color to another color space, and does not round channels. Clearing the filter restores all 148 rows; a no-match message is shown rather than substituting a nearby color. Clicking a HEX value requests a clipboard write and reports success only after the browser resolves that request, and no hidden format is copied.
The W3C CSS Color 4 specification is the authoritative source for the named-color list, and the MDN named-color reference provides a developer-facing summary of the same set.