Color Catalogue Help
I created this catalogue because I needed a simple color picker with a basic palette. It is not intended to be an exact representation of any particular color scheme, but rather a starting point for color choice.
The colors are an amalgamation of the X11 color list (rgb.txt), CSS colors, Web safe colors, and early Apple Macintosh icon colors. I have removed duplicate colors and the X11 numbered grays, and made alterations to some of the RGB and CMYK values to create a more compact and organized layout. The colors that result may have some slight deviations, but in most cases are virtually indistinguishable from the originals.
|
K
→
(Hue)
C,M,Y ↓ |
0 | 7 | 20 | 40 | 45 |
|---|---|---|---|---|---|
| (6)* 0,11,12 |
MistyRose1 (C) FFE4E1 255,228,225 |
MistyRose2 EED5D2 238,213,210 |
MistyRose3 CDB7B5 205,183,181 |
MistyRose4 8C7D7B 140,125,123 |
|
| (180)* 33,0,0 |
(A) ABFFFF 171,255,255 |
(W) 669999 102,153,153 |
|||
| (207) 61,28,0 |
SteelBlue1 63B8FF 99,184,255 |
SteelBlue2 5CACEE 92,172,238 |
SteelBlue3 4F94CD 79,148,205 |
SteelBlue4 36648B 54,100,139 |
|
| (280) 25,76,0 |
DkOrchid1 BF3EFF 191,62,255 |
DkOrchid2 B23AEE 178,58,238 |
DkOrchid3 (W,C) 9A32CD 154,50,205 |
DkOrchid4 68228B 104,34,139 |
The table layout is based on the cyan, magenta, yellow, black (CMYK) color model. Values across the top gray row are percent black (K). Values along the left side are hue (in parentheses) and C,M,Y values. An asterisk (*) after the hue indicates that the calculated value is a whole number. All other hue values are rounded to the nearest integer.
Each color cell contains a color sample, color name, hexadecimal value, and equivalent RGB values.
Color names are from the X11 color scheme, with codes in parentheses to indicate additional color sources:
• (A) Apple icon colors
• (W) Web-safe colors
• (C) CSS colors
To save column space, some of the X11 names are abbreviated:
Dk – Dark • Med – Medium • Lt – Light
To reconstruct the correct X11 name, replace the abbreviation with its equivalent word. For example, DkOrchid3 would become DarkOrchid3.
Differences between X11 and CSS naming conventions
| X11 | CSS |
|---|---|
| WebGray | gray |
| WebMaroon | maroon |
| WebGreen | green |
| WebPurple | purple |
| snow1 | snow |
| IndianRed3 | indianred |
| red1 | red |
| red4 | darkred |
| MistyRose1 | mistyrose |
| tomato1 | tomato |
| OrangeRed1 | orangered |
| LightSalmon1 | lightsalmon |
| chocolate4 | saddlebrown |
| seashell1 | seashell |
| PeachPuff1 | peachpuff |
| NavajoWhite1 | navajowhite |
| X11 | CSS |
|---|---|
| tan | tan |
| tan3 | peru |
| bisque3 | bisque |
| orange1 | orange |
| cornsilk1 | cornsilk |
| gold1 | gold |
| LemonChiffon1 | lemonchiffon |
| khaki2 | khaki |
| ivory1 | ivory |
| LightYellow1 | lightyellow |
| yellow1 | yellow |
| OliveDrab3 | yellowgreen |
| OliveDrab4 | olivedrab |
| chartreuse1 | chartreuse |
| honeydew1 | honeydew |
| green1 | lime |
| X11 | CSS |
|---|---|
| PaleGreen1 | palegreen |
| PaleGreen2 | lightgreen |
| SeaGreen4 | seagreen |
| SpringGreen1 | springgreen |
| aquamarine1 | aquamarine |
| aquamarine3 | mediumaquamarine |
| azure1 | azure |
| LightCyan1 | lightcyan |
| PaleTurquoise2 | paleturquoise |
| cyan1 | cyan, aqua |
| cyan3 | darkturquoise |
| cyan4 | darkcyan |
| DeepSkyBlue1 | deepskyblue |
| SkyBlue1 | lightskyblue |
| SlateGray4 | slategray |
| DodgerBlue1 | dodgerblue |
| X11 | CSS |
|---|---|
| blue1 | blue |
| blue3 | mediumblue |
| blue4 | darkblue |
| SlateBlue2 | mediumslateblue |
| SlateBlue3 | slateblue |
| SlateBlue4 | darkslateblue |
| DarkOrchid3 | darkorchid |
| magenta1 | magenta, fuchsia |
| magenta4 | darkmagenta |
| orchid2 | violet |
| DeepPink1 | deeppink |
| HotPink1 | hotpink |
| LavenderBlush1 | lavenderblush |
| pink1 | pink |
| LightPink1 | lightpink |
CSS colors are described in detail in the Mozilla developer documentation at Cascading Style Sheets: <color>. CSS color names are not case-sensitive. See also X11 color names and Web colors in Wikipedia.
For a fun introduction to X11 and CSS color naming, see the YouTube video Alex Sexton: Peachpuffs and Lemonchiffons [CSSConfUS2014].
“Tomato” versus “#FF6347”—the tragicomic history of CSS color names provides a more serious perspective, complete with a link to an extended discussion of color dictionaries.
p.s. – My fantasy second-hand clothing consignment shop is called "PapayaWhip, moccasin, and OldLace"!