X11 color names#Color name clashes
{{Short description|none}}
In computing, on the X Window System, X11 color names are represented in a simple text file, which maps certain strings to RGB color values. It was traditionally shipped with every X11 installation, hence the name, and is usually located in <X11root>/lib/X11/rgb.txt
. The web colors list is descended from it but differs for certain color names.{{cite news | url=https://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/ | title="Tomato" versus "#FF6347"—the tragicomic history of CSS color names | work=Ars Technica | date=October 11, 2015 | access-date=October 11, 2015 | first=Julianne | last=Tveten}}
Color names are not standardized by Xlib or the X11 protocol. The list does not show continuity either in selected color values or in color names, and some color triplets have multiple names. Despite this, graphic designers and others got used to them, making it practically impossible to introduce a different list. In earlier releases of X11 (prior to the introduction of Xcms), server implementors were encouraged to modify the RGB values in the reference color database to account for gamma correction.{{cite book|last=Nye|first=Adrian|title=Xlib programming manual : for version 11 of the X Window System|year=1990|publisher=O'Reilly & Associates|location=[Sebastapol, CA]|isbn=0-937175-11-0|edition=2nd ed. covers release 3 and release 4, major revisions.|url-access=registration|url=https://archive.org/details/xlibprogrammingm00nyea_0}}
As of X.Org Release 7.4 rgb.txt is no longer included in the roll up release,{{cite web|url=http://xorg.freedesktop.org/wiki/Releases/ModuleVersions/|title=ModuleVersions|access-date=2014-08-21}} and the list is built directly into the server.{{cite web|url=https://gitlab.freedesktop.org/xorg/xserver/commit/dda10c9066a660b647384179f82e1da8e063264f|title=Remove all traces of external RGB database (and Speedo)|date=5 November 2007|last=Stone|first=Daniel|access-date=2014-08-26}} The optional module xorg/app/rgb contains the stand-alone rgb.txt file.
The list first shipped with X10 release 3 (X10R3) on 7 June 1986, having been checked into RCS by Jim Gettys in 1985.{{cite web|url=http://cgit.freedesktop.org/~alanc/xc-historical/log/xc/programs/rgb/rgb.txt|title=~alanc/xc-historical - Partial/incomplete import of X consortium historical RCS up to X11R6.0|work=freedesktop.org}} The same list was in X11R1 on 18 September 1987. Approximately the full list as is available today shipped with X11R4 on 29 January 1989, with substantial additions by Paul Ravelling (who added colors based on Sinclair Paints samples), John C. Thomas (who added colors based on a set of 72 Crayola crayons he had on hand) and Jim Fulton (who reconciled contributions to produce the X11R4 list). The project was running DEC VT240 terminals at the time, so would have worked to that device.{{cite web|url=http://lists.w3.org/Archives/Public/www-style/2014Mar/0272.html|first=Alex|last=Sexton|date=12 March 2014|access-date=12 March 2014|title=Last call comments on CSS3 module: color|work=|publisher=World Wide Web Consortium}}
In some applications multipart names are written with spaces, in others joined together, often in camel case. They are usually matched insensitive of case and the X Server source code contains spaced aliases for most entries; this article uses spaces and uppercase initials except where variants with spaces are not specified in the actual code.
Clashes between web and X11 colors in the CSS color scheme
The first versions of Mosaic and Netscape Navigator used the X11 colors as the basis for the web colors list, as both were originally X applications. The W3C specifications SVG and CSS level 3 module Color eventually adopted the X11 list with some changes.{{cite web |url=http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/colors.htm |archive-url=https://web.archive.org/web/20020606054432/http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/colors.htm |url-status=dead |archive-date=June 6, 2002 |title=Netscape.com |publisher=Wp.netscape.com |access-date=2013-08-14 }} The present W3C list is a superset of the 16 "VGA colors" defined in HTML 3.2 and CSS level 1.
One notable difference between X11 and W3C is the case of "Gray" and its variants. In HTML, "Gray" is specifically reserved for the 128 triplet (50% gray) {{color sample|rgb(128,128,128)}}. However, in X11, "gray" was assigned to the 190 triplet (74.5%) {{color sample|rgb(190, 190, 190)}}, which is close to W3C "Silver" at 192 (75.3%) {{color sample|silver}}, and had "Light Gray" at 211 (83%) {{color sample|rgb(211,211,211)}} and "Dark Gray" at 169 (66%) {{color sample|rgb(169,169,169)}} counterparts. As a result, the combined CSS 3.0 color list that prevails on the web today produces "Dark Gray" {{color sample|rgb(169,169,169)}} as a significantly lighter tone than plain "Gray" {{color sample|rgb(128,128,128)}}, because "Dark Gray" was descended from X11 – for it did not exist in HTML nor CSS level 1{{Cite web|url=https://www.w3.org/TR/REC-CSS1/|title=Cascading Style Sheets, level 1|website=www.w3.org|access-date=2016-11-15}} – while "Gray" was descended from HTML. Even in the current draft for CSS 4.0, dark gray continues to be a lighter shade than gray.{{Cite web|url=https://drafts.csswg.org/css-color/|title=CSS Color Module Level 4|website=drafts.csswg.org|access-date=2016-11-15}} Some browsers such as Netscape Navigator insisted on an "a" in any "Gray" except for "Light Grey".
Recent X releases (since 2014, xorg-rgb version 1.0.6){{cite web |last1=Pfister |first1=Daphne |title=Add aliases for colors that differ between X11 and CSS|url=https://github.com/freedesktop/xorg-rgb/commit/ca05c39d1c52734661d703d92c39cc3669c7b520 |website=GitHub |language=en}} also support the W3C definitions. In X11, the original definitions have been preserved (so "Dark Gray" remains a darker shade of "Gray"), but for every conflicting name pair, "Web" and additional "X11" prefixes have been added to ease disambiguation after the merger. The "X11" prefix is an alias for the non-prefixed version, i.e. "X11 Gray" = "Gray" ≠ "Web Gray". The W3C also defined a color that is equal to X11's "Green", but called it "Lime". In X11, this is simply called "Lime", as no such name existed before. It aliases to "Green", i.e. "Lime" = "Green" = "X11 Green" ≠ "Web Green".
class="wikitable"
|+ Color names with clashing definitions | ||||||
rowspan="2"| Color name
!colspan="5"| X11 color !colspan="5"| W3C color | ||||||
---|---|---|---|---|---|---|
Hex | Red | Green | Blue
! Sample ! Sample ! Hex | Red | Green | Blue |
Gray
| #BEBEBE || 75% || 75% || 75% | style="background:#BEBEBE;"| | style="background:grey;"| | #808080 || 50% || 50% || 50% | ||||||
Green
| #00FF00 || 0% ||100% || 0% | style="background:#0F0;"| | style="background:green;"| | #008000 || 0% || 50% || 0% | ||||||
Maroon
| #B03060 || 69% || 19% || 38% | style="background:#B03060;"| | style="background:#800000;"| | #800000 || 50% || 0% || 0% | ||||||
Purple
| #A020F0 || 63% || 13% || 94% | style="background:#A020F0;"| | style="background:#800080;"| | #800080 || 50% || 0% || 50% |
class="wikitable"
|+ Colors with multiple names | |||
rowspan="2"| W3C name{{efn|The original W3C names, as used in HTML4/CSS2, before the adoption of the non-colliding X11 names as alternatives.}}
!colspan="5"| Color !rowspan="2"| X11 name | |||
---|---|---|---|
Hex | Red | Green | Blue
! Sample |
Lime{{Cite web|url=https://www.w3.org/TR/REC-html40/types.html#h-6.5|title=Basic HTML data types|website=www.w3.org}}
| #00FF00 || 0% || 100% || 0% | style="background:#00FF00"| ! Green | |||
Fuchsia
| #FF00FF || 100% || 0% ||100% | style="background:#FF00FF;"| ! Magenta | |||
Aqua
| #00FFFF || 0% || 100% || 100% | style="background:#00FFFF"| ! Cyan |
{{notelist}}
Color name chart
The following chart presents the standardized X11 color names from the X.org source code.[https://gitlab.freedesktop.org/xorg/app/rgb/raw/master/rgb.txt Current official rgb.txt
] from the X.org source tree at Freedesktop.org The list of names accepted by browsers following W3C standards{{cite web |url=http://lists.w3.org/Archives/Public/www-svg/2002Apr/0052.html |title=Lists.w3.org |publisher=w3.org |date=April 2002 |access-date=2013-08-14}} slightly differs as explained above. The table does not show numbered gray and brightness variants as described below. Actual rgb.txt
files and other color databases or palettes may differ since they are freely editable by vendors and users. The table shows component values in several notations of the RGB color space, with conversions to HSL and HSV assuming sRGB color space.
{{Colort|caption=X11 color names|alias=Alternatives}}
{{Colort/Color|r=240|g=248|b=255|h=208|s= 6|v=100|sort=Blue, Alice|name=Alice Blue|alias= }}
{{Colort/Color|r=250|g=235|b=215|h= 34|s= 14|v= 98|sort=White, Antique|name=Antique White|alias= }}
{{Colort/Color|r= 0|g=255|b=255|h=180|s=100|v=100|sort=Aqua|name=Aqua|alias=Cyan}}
{{Colort/Color|r=127|g=255|b=212|h=160|s= 50|v=100|sort=Aquamarine|name=Aquamarine|alias= }}
{{Colort/Color|r=240|g=255|b=255|h=180|s= 6|v=100|sort=Azure|name=Azure|alias= }}
{{Colort/Color|r=245|g=245|b=220|h= 60|s= 10|v= 96|sort=Beige|name=Beige|alias= }}
{{Colort/Color|r=255|g=228|b=196|h= 33|s= 23|v=100|sort=Bisque|name= Bisque|alias= }}
{{Colort/Color|r= 0|g= 0|b= 0|h= 0|s= 0|v= 0|sort=Black|name=Black|alias= }}
{{Colort/Color|r=255|g=235|b=205|h= 36|s= 20|v=100|sort=BlanchedAlmond|name=Blanched Almond|alias= }}
{{Colort/Color|r= 0|g= 0|b=255|h=240|s=100|v=100|sort=Blue|name=Blue|alias= }}
{{Colort/Color|r=138|g= 43|b=226|h=271|s= 81|v= 89|sort=Violet Blue|name=Blue Violet|alias= }}
{{Colort/Color|r=165|g= 42|b= 42|h= 0|s= 75|v= 65|sort=Brown|name=Brown|alias= }}
{{Colort/Color|r=222|g=184|b=135|h= 34|s= 39|v= 87|sort=Burlywood|name=Burlywood|alias= }}
{{Colort/Color|r= 95|g=158|b=160|h=182|s= 41|v= 63|sort=Blue, Cadet|name=Cadet Blue|alias= }}
{{Colort/Color|r=127|g=255|b= 0|h= 90|s=100|v=100|sort=Chartreuse|name=Chartreuse|alias= }}
{{Colort/Color|r=210|g=105|b= 30|h= 25|s= 86|v= 82|sort=Chocolate|name=Chocolate|alias= }}
{{Colort/Color|r=255|g=127|b= 80|h= 16|s= 69|v=100|sort=Coral|name=Coral|alias= }}
{{Colort/Color|r=100|g=149|b=237|h=219|s= 58|v= 93|sort=Cornflower Blue|name=Cornflower Blue|alias= }}
{{Colort/Color|r=255|g=248|b=220|h= 48|s= 14|v=100|sort=Cornsilk|name=Cornsilk|alias= }}
{{Colort/Color|r=220|g= 20|b= 60|h=348|s= 91|v= 86|sort=Crimson|name=Crimson|alias= }}
{{Colort/Color|r= 0|g=255|b=255|h=180|s=100|v=100|sort=Cyan|name=Cyan|alias=Aqua}}
{{Colort/Color|r= 0|g= 0|b=139|h=240|s=100|v= 55|sort=Blue (Dark)|name=Dark Blue|alias= }}
{{Colort/Color|r= 0|g=139|b=139|h=180|s=100|v= 55|sort=Cyan (Dark)|name=Dark Cyan|alias= }}
{{Colort/Color|r=184|g=134|b= 11|h= 43|s= 94|v= 72|sort=Goldenrod (Dark)|name=Dark Goldenrod|alias= }}
{{Colort/Color|r=169|g=169|b=169|h= 0|s= 0|v= 66|sort=Gray (Dark)|name=Dark Gray|alias=Dark Grey}}
{{Colort/Color|r= 0|g=100|b= 0|h=120|s=100|v= 39|sort=Green (Dark)|name=Dark Green|alias= }}
{{Colort/Color|r=189|g=183|b=107|h= 56|s= 43|v= 74|sort=Khaki (Dark)|name=Dark Khaki|alias= }}
{{Colort/Color|r=139|g= 0|b=139|h=300|s=100|v= 55|sort=Magenta (Dark)|name=Dark Magenta|alias= }}
{{Colort/Color|r= 85|g=107|b= 47|h= 82|s= 56|v= 42|sort=Green Olive (Dark)|name=Dark Olive Green|alias= }}
{{Colort/Color|r=255|g=140|b= 0|h= 33|s=100|v=100|sort=Orange (Dark)|name=Dark Orange|alias= }}
{{Colort/Color|r=153|g= 50|b=204|h=280|s= 75|v= 80|sort=Orchid (Dark)|name=Dark Orchid|alias= }}
{{Colort/Color|r=139|g= 0|b= 0|h= 0|s=100|v= 55|sort=Red (Dark)|name=Dark Red|alias= }}
{{Colort/Color|r=233|g=150|b=122|h= 15|s= 48|v= 91|sort=Salmon (Dark)|name=Dark Salmon|alias= }}
{{Colort/Color|r=143|g=188|b=143|h=120|s= 24|v= 74|sort=Green, Sea (Dark)|name=Dark Sea Green|alias= }}
{{Colort/Color|r= 72|g= 61|b=139|h=248|s= 56|v= 55|sort=Blue, Slate (Dark)|name=Dark Slate Blue|alias= }}
{{Colort/Color|r= 47|g= 79|b= 79|h=180|s= 41|v= 31|sort=Slate Gray (Dark)|name=Dark Slate Gray|alias=Dark Slate Grey}}
{{Colort/Color|r= 0|g=206|b=209|h=181|s=100|v= 82|sort=Turquoise (Dark)|name=Dark Turquoise|alias= }}
{{Colort/Color|r=148|g= 0|b=211|h=282|s=100|v= 83|sort=Violet (Dark)|name=Dark Violet|alias= }}
{{Colort/Color|r=255|g= 20|b=147|h=328|s= 92|v=100|sort=Pink (Deep)|name=Deep Pink|alias= }}
{{Colort/Color|r= 0|g=191|b=255|h=195|s=100|v=100|sort=Blue, Sky (Deep)|name=Deep Sky Blue|alias= }}
{{Colort/Color|r=105|g=105|b=105|h= 0|s= 0|v= 41|sort=Gray (Dim)|name=Dim Gray|alias=Dim Grey}}
{{Colort/Color|r= 30|g=144|b=255|h=210|s= 88|v=100|sort=Blue, Dodger|name=Dodger Blue|alias= }}
{{Colort/Color|r=178|g= 34|b= 34|h= 0|s= 81|v= 70|sort=Firebrick|name=Firebrick|alias= }}
{{Colort/Color|r=255|g=250|b=240|h= 40|s= 6|v=100|sort=White, Floral|name=Floral White|alias= }}
{{Colort/Color|r= 34|g=139|b= 34|h=120|s= 76|v= 55|sort=Green, Forest|name=Forest Green|alias= }}
{{Colort/Color|r=255|g= 0|b=255|h=300|s=100|v=100|sort=Fuchsia|name=Fuchsia|alias=Magenta}}
{{Colort/Color|r=220|g=220|b=220|h= 0|s= 0|v= 86|sort=Gainsboro|name=Gainsboro{{efn|Prior to standardization as a web color, Gainsboro was included as one of the X11 color names.{{cite web | url=https://cgit.freedesktop.org/xorg/app/rgb/tree/rgb.txt | title=rgb.txt | publisher=X.Org Foundation | work=X colorname to RGB mapping database | access-date=18 September 2017}} It was, however, absent from the original 1987 version of the list,{{cite web | url=https://cgit.freedesktop.org/xorg/app/rgb/tree/others/old-rgb.txt | title=others/old-rgb.txt | publisher=X.Org Foundation | work=X colorname to RGB mapping database | access-date=18 September 2017}} but present in Paul Raveling's version{{cite web | url=https://cgit.freedesktop.org/xorg/app/rgb/tree/others/raveling.txt | title=others/raveling.txt | publisher=X.Org Foundation | work=X colorname to RGB mapping database | access-date=18 September 2017}} which added, amongst other things, "[l]ight and off-white colors, copied from several Sinclair Paints color samples".{{cite web | url=https://cgit.freedesktop.org/xorg/app/rgb/tree/others/README | title=others/README | publisher=X.Org Foundation | work=X colorname to RGB mapping database | access-date=18 September 2017}}}}|alias= }}
{{Colort/Color|r=248|g=248|b=255|h=240|s= 3|v=100|sort=White, Ghost|name=Ghost White|alias= }}
{{Colort/Color|r=255|g=215|b= 0|h= 51|s=100|v=100|sort=Gold|name=Gold|alias= }}
{{Colort/Color|r=218|g=165|b= 32|h= 43|s= 85|v= 85|sort=Goldenrod|name=Goldenrod|alias= }}
{{Colort/Color|r=190|g=190|b=190|h= 0|s= 0|v= 75|sort=Gray|name=Gray|alias=Grey, X11 Gray, X11 Grey}}
{{Colort/Color|r=128|g=128|b=128|h= 0|s= 0|v= 50|sort=Gray, Web|name=Web Gray|alias=Web Grey}}
{{Colort/Color|r= 0|g=255|b= 0|h=120|s=100|v=100|sort=Green|name=Green|alias=X11 Green, Lime}}
{{Colort/Color|r= 0|g=128|b= 0|h=120|s=100|v= 50|sort=Green, Web|name=Web Green|alias= }}
{{Colort/Color|r=173|g=255|b= 47|h= 84|s= 82|v=100|sort=Yellow Green|name=Green Yellow|alias= }}
{{Colort/Color|r=240|g=255|b=240|h=120|s= 6|v=100|sort=Honeydew|name=Honeydew|alias= }}
{{Colort/Color|r=255|g=105|b=180|h=330|s= 59|v=100|sort=Pink, Hot|name=Hot Pink|alias= }}
{{Colort/Color|r=205|g= 92|b= 92|h= 0|s= 55|v= 80|sort=Indian Red|name=Indian Red|alias= }}
{{Colort/Color|r= 75|g= 0|b=130|h=275|s=100|v= 51|sort=Indigo|name=Indigo|alias= }}
{{Colort/Color|r=255|g=255|b=240|h= 60|s= 6|v=100|sort=Ivory|name=Ivory|alias= }}
{{Colort/Color|r=240|g=230|b=140|h= 54|s= 42|v= 94|sort=Khaki|name=Khaki|alias= }}
{{Colort/Color|r=230|g=230|b=250|h=240|s= 8|v= 98|sort=Lavender|name=Lavender|alias= }}
{{Colort/Color|r=255|g=240|b=245|h=340|s= 6|v=100|sort=LavenderBlush|name=Lavender Blush|alias= }}
{{Colort/Color|r=124|g=252|b= 0|h= 90|s=100|v= 99|sort=Green, Lawn|name=Lawn Green|alias= }}
{{Colort/Color|r=255|g=250|b=205|h= 54|s= 20|v=100|sort=LemonChiffon|name=Lemon Chiffon|alias= }}
{{Colort/Color|r=173|g=216|b=230|h=195|s= 25|v= 90|sort=Blue (Light)|name=Light Blue|alias= }}
{{Colort/Color|r=240|g=128|b=128|h= 0|s= 47|v= 94|sort=Coral (Light)|name=Light Coral|alias= }}
{{Colort/Color|r=224|g=255|b=255|h=180|s= 12|v=100|sort=Cyan (Light)|name=Light Cyan|alias= }}
{{Colort/Color|r=250|g=250|b=210|h= 60|s= 16|v= 98|sort=Goldenrod (Light)|name=Light Goldenrod|alias= }}
{{Colort/Color|r=211|g=211|b=211|h= 0|s= 0|v= 83|sort=Gray (Light)|name=Light Gray|alias=Light Grey}}
{{Colort/Color|r=144|g=238|b=144|h=120|s= 39|v= 93|sort=Green (Light)|name=Light Green|alias= }}
{{Colort/Color|r=255|g=182|b=193|h=351|s= 29|v=100|sort=Pink (Light)|name=Light Pink|alias= }}
{{Colort/Color|r=255|g=160|b=122|h= 17|s= 52|v=100|sort=Salmon (Light)|name=Light Salmon|alias= }}
{{Colort/Color|r= 32|g=178|b=170|h=177|s= 82|v= 70|sort=Green, Sea (Light)|name=Light Sea Green|alias= }}
{{Colort/Color|r=135|g=206|b=250|h=203|s= 46|v= 98|sort=Blue, Sky (Light)|name=Light Sky Blue|alias= }}
{{Colort/Color|r=119|g=136|b=153|h=210|s= 22|v= 60|sort=Gray, Slate (Light)|name=Light Slate Gray|alias=Light Slate Grey}}
{{Colort/Color|r=176|g=196|b=222|h=214|s= 21|v= 87|sort=Blue, Steel (Light)|name=Light Steel Blue|alias= }}
{{Colort/Color|r=255|g=255|b=224|h= 60|s= 12|v=100|sort=Yellow (Light)|name=Light Yellow|alias= }}
{{Colort/Color|r= 0|g=255|b= 0|h=120|s=100|v=100|sort=Lime|name=Lime|alias= }}
{{Colort/Color|r= 50|g=205|b= 50|h=120|s= 76|v= 80|sort=Green, Lime|name=Lime Green|alias= }}
{{Colort/Color|r=250|g=240|b=230|h= 30|s= 8|v= 98|sort=Linen|name=Linen|alias= }}
{{Colort/Color|r=255|g= 0|b=255|h=300|s=100|v=100|sort=Magenta|name=Magenta|alias=Fuchsia}}
{{Colort/Color|r=176|g= 48|b= 96|h=338|s= 73|v= 69|sort=Maroon|name=Maroon|alias=X11 Maroon}}
{{Colort/Color|r=128|g= 0|b= 0|h= 0|s=100|v= 50|sort=Maroon, Web|name=Web Maroon|alias= }}
{{Colort/Color|r=102|g=205|b=170|h=160|s= 50|v= 80|sort=Aquamarine (Medium)|name=Medium Aquamarine|alias= }}
{{Colort/Color|r= 0|g= 0|b=205|h=240|s=100|v= 80|sort=Blue (Medium)|name=Medium Blue|alias= }}
{{Colort/Color|r=186|g= 85|b=211|h=288|s= 60|v= 83|sort=Orchid (Medium)|name=Medium Orchid|alias= }}
{{Colort/Color|r=147|g=112|b=219|h=260|s= 49|v= 86|sort=Purple (Medium)|name=Medium Purple|alias= }}
{{Colort/Color|r= 60|g=179|b=113|h=147|s= 66|v= 70|sort=Green, Sea (Medium)|name=Medium Sea Green|alias= }}
{{Colort/Color|r=123|g=104|b=238|h=249|s= 56|v= 93|sort=Blue, Slate (Medium)|name=Medium Slate Blue|alias= }}
{{Colort/Color|r= 0|g=250|b=154|h=157|s=100|v= 98|sort=Green, Spring (Medium)|name=Medium Spring Green|alias= }}
{{Colort/Color|r= 72|g=209|b=204|h=178|s= 66|v= 82|sort=Turquoise (Medium)|name=Medium Turquoise|alias= }}
{{Colort/Color|r=199|g= 21|b=133|h=322|s= 89|v= 78|sort=Red Violet (Medium)|name=Medium Violet Red|alias= }}
{{Colort/Color|r= 25|g= 25|b=112|h=240|s= 78|v= 44|sort=Blue, Midnight|name=Midnight Blue|alias= }}
{{Colort/Color|r=245|g=255|b=250|h=150|s= 4|v=100|sort=MintCream|name=Mint Cream|alias= }}
{{Colort/Color|r=255|g=228|b=225|h= 6|s= 12|v=100|sort=MistyRose|name=Misty Rose|alias= }}
{{Colort/Color|r=255|g=228|b=181|h= 38|s= 29|v=100|sort=Moccasin|name=Moccasin|alias= }}
{{Colort/Color|r=255|g=222|b=173|h= 36|s= 32|v=100|sort=White, Navajo|name=Navajo White|alias= }}
{{Colort/Color|r= 0|g= 0|b=128|h=240|s=100|v= 50|sort=Blue, Navy|name=Navy Blue|alias=Navy}}
{{Colort/Color|r=253|g=245|b=230|h= 39|s= 9|v= 99|sort=OldLace|name=Old Lace|alias= }}
{{Colort/Color|r=128|g=128|b= 0|h= 60|s=100|v= 50|sort=Olive|name=Olive|alias= }}
{{Colort/Color|r=107|g=142|b= 35|h= 80|s= 75|v= 56|sort=OliveDrab|name=Olive Drab|alias= }}
{{Colort/Color|r=255|g=165|b= 0|h= 39|s=100|v=100|sort=Orange|name=Orange|alias= }}
{{Colort/Color|r=255|g= 69|b= 0|h= 16|s=100|v=100|sort=Red Orange|name=Orange Red|alias= }}
{{Colort/Color|r=218|g=112|b=214|h=302|s= 49|v= 85|sort=Orchid|name=Orchid|alias= }}
{{Colort/Color|r=238|g=232|b=170|h= 55|s= 29|v= 93|sort=Goldenrod (Pale)|name=Pale Goldenrod|alias= }}
{{Colort/Color|r=152|g=251|b=152|h=120|s= 39|v= 98|sort=Green (Pale)|name=Pale Green|alias= }}
{{Colort/Color|r=175|g=238|b=238|h=180|s= 26|v= 93|sort=Turquoise (Pale)|name=Pale Turquoise|alias= }}
{{Colort/Color|r=219|g=112|b=147|h=340|s= 49|v= 86|sort=Red Violet (Pale)|name=Pale Violet Red|alias= }}
{{Colort/Color|r=255|g=239|b=213|h= 37|s= 16|v=100|sort=PapayaWhip|name=Papaya Whip|alias= }}
{{Colort/Color|r=255|g=218|b=185|h= 28|s= 27|v=100|sort=PeachPuff|name=Peach Puff|alias= }}
{{Colort/Color|r=205|g=133|b= 63|h= 30|s= 69|v= 80|sort=Peru|name=Peru|alias= }}
{{Colort/Color|r=255|g=192|b=203|h=350|s= 25|v=100|sort=Pink|name=Pink|alias= }}
{{Colort/Color|r=221|g=160|b=221|h=300|s= 28|v= 87|sort=Plum|name=Plum|alias= }}
{{Colort/Color|r=176|g=224|b=230|h=187|s= 23|v= 90|sort=Blue, Powder|name=Powder Blue|alias= }}
{{Colort/Color|r=160|g= 32|b=240|h=277|s= 87|v= 94|sort=Purple|name=Purple|alias=X11 Purple}}
{{Colort/Color|r=128|g= 0|b=128|h=300|s=100|v= 50|sort=Purple, Web|name=Web Purple|alias= }}
{{Colort/Color|r=102|g= 51|b=153|sort=Purple, Rebecca|name=Rebecca Purple|alias= }}
{{Colort/Color|r=255|g= 0|b= 0|h= 0|s=100|v=100|sort=Red|name=Red|alias= }}
{{Colort/Color|r=188|g=143|b=143|h= 0|s= 24|v= 74|sort=Brown, Rosy|name=Rosy Brown|alias= }}
{{Colort/Color|r= 65|g=105|b=225|h=225|s= 71|v= 88|sort=Blue, Royal|name=Royal Blue|alias= }}
{{Colort/Color|r=139|g= 69|b= 19|h= 25|s= 86|v= 55|sort=Brown, Saddle|name=Saddle brown|alias= }}
{{Colort/Color|r=250|g=128|b=114|h= 6|s= 54|v= 98|sort=Salmon|name=Salmon|alias= }}
{{Colort/Color|r=244|g=164|b= 96|h= 28|s= 61|v= 96|sort=Brown, Sandy|name=Sandy Brown|alias= }}
{{Colort/Color|r= 46|g=139|b= 87|h=146|s= 67|v= 55|sort=Green, Sea|name=Sea Green|alias= }}
{{Colort/Color|r=255|g=245|b=238|h= 25|s= 7|v=100|sort=Seashell|name=Seashell|alias= }}
{{Colort/Color|r=160|g= 82|b= 45|h= 19|s= 72|v= 63|sort=Sienna|name=Sienna|alias= }}
{{Colort/Color|r=192|g=192|b=192|h= 0|s= 0|v= 75|sort=Silver|name=Silver|alias= }}
{{Colort/Color|r=135|g=206|b=235|h=197|s= 43|v= 92|sort=Blue, Sky|name=Sky Blue|alias= }}
{{Colort/Color|r=106|g= 90|b=205|h=248|s= 56|v= 80|sort=Blue, Slate|name=Slate Blue|alias= }}
{{Colort/Color|r=112|g=128|b=144|h=210|s= 22|v= 56|sort=Gray, Slate|name=Slate Gray|alias=Slate Grey}}
{{Colort/Color|r=255|g=250|b=250|h= 0|s= 2|v=100|sort=Snow|name=Snow|alias= }}
{{Colort/Color|r= 0|g=255|b=127|h=150|s=100|v=100|sort=Green, Spring|name=Spring Green|alias= }}
{{Colort/Color|r= 70|g=130|b=180|h=207|s= 61|v= 71|sort=Blue, Steel|name=Steel Blue|alias= }}
{{Colort/Color|r=210|g=180|b=140|h= 34|s= 33|v= 82|sort=Tan|name=Tan|alias= }}
{{Colort/Color|r= 0|g=128|b=128|h=180|s=100|v= 50|sort=Teal|name=Teal|alias= }}
{{Colort/Color|r=216|g=191|b=216|h=300|s= 12|v= 85|sort=Thistle|name=Thistle|alias= }}
{{Colort/Color|r=255|g= 99|b= 71|h= 9|s= 72|v=100|sort=Tomato|name=Tomato|alias= }}
{{Colort/Color|r= 64|g=224|b=208|h=174|s= 71|v= 88|sort=Turquoise|name=Turquoise|alias= }}
{{Colort/Color|r=238|g=130|b=238|h=300|s= 45|v= 93|sort=Violet|name=Violet|alias= }}
{{Colort/Color|r=245|g=222|b=179|h= 39|s= 27|v= 96|sort=Wheat|name=Wheat|alias= }}
{{Colort/Color|r=255|g=255|b=255|h= 0|s= 0|v=100|sort=White|name=White|alias= }}
{{Colort/Color|r=245|g=245|b=245|h= 0|s= 0|v= 96|sort=WhiteSmoke|name=White Smoke|alias= }}
{{Colort/Color|r=255|g=255|b= 0|h= 60|s=100|v=100|sort=Yellow|name=Yellow|alias= }}
{{Colort/Color|r=154|g=205|b= 50|h= 80|s= 76|v= 80|sort=Green Yellow|name=Yellow Green|alias= }}
{{end}}
{{notelist}}
Color variations
= Shades of gray =
The complete rgb.txt
defines 101 shades from 'Gray0' (black) up to 'Gray100' (white) in addition to 'Gray' and its variants listed above. The shades are apparently defined by the formula GrayN := round(N% × 255)
resulting in e.g. 'Gray96' {{color sample|#F5F5F5}}, which happens to be the same as 'White Smoke'. Similarly 'Dim Gray' is the same as 'Gray41' {{color sample|#696969}}.
On the other hand, 'Gray' {{color sample|#BEBEBE}} lies between 'Gray74' {{color sample|#BDBDBD}} and 'Gray75' {{color sample|#BFBFBF}}; 'Dark Gray' {{color sample|#A9A9A9}} is not the same as 'Gray66' {{color sample|#A8A8A8}}; and 'Light Gray' {{color sample|#D3D3D3}} is not the same as 'Gray83' {{color sample|#D4D4D4}}.
These shades are not included in W3C specifications, although drafts for level 4 of the CSS Color module include a similar function gray()
.
They are still coded without 'Grey' alternatives, but with no space before the digit.
= Numbered variants =
For 78 colors (not counting grays), rgb.txt
offers four variants "color1", "color2", "color3", and "color4", with "color1" sometimes corresponding to "color", so e.g. "Snow1" is the same as "Snow". Unlike base colors, e.g. cadet blue
and CadetBlue
, these are only coded without spaces, e.g. CadetBlue3
. These variations are neither supported by popular browsers nor adopted by W3C standards. Whether or not a certain color has such variants seems random.
If "color1" is not the same as "color{{-"}}, the base color is usually darker. That means its brightness in HSB color notation is less than 100%; about 30 of the base colors are fully bright. The four variants (1...4) have rounded brightness values of 100%, 93%, 80% and 55%, respectively. Their hue and saturation are usually the same except for rounding. In some cases they differ from the base color, though, which may indicate that these variants were specified with alternate definitions of the bases in mind, i.e. their values were adapted to a certain monitor which was commonly done by vendors until the 1990s.
The fixed brightness settings correspond closely to these formulae to determine the RGB values:
{{in5}}color1 := color × 100%
{{in5}}color2 := color1 × 93.2%
{{in5}}color3 := color1 × 80.4%
{{in5}}color4 := color1 × 54.8%
Examples:
- {{color sample|#EEEE00}} "Yellow 2" (238, 238, 0) is based on {{color sample|#FFFF00}} "Yellow" (255, 255, 0) with 255 × 0.932 = 237.66.
- {{color sample|#CDCDC1}} "Ivory 3" (205, 205, 193) is explained by {{color sample|#FFFFF0}} "Ivory" (255, 255, 240) where 255 × 0.804 = 205.02 and 240 × 0.804 = 192.96.
- {{color sample|#838B8B}} "Azure 4" (131, 139, 139) is close to {{color sample|#F0FFFF}} "Azure" (240, 255, 255) values transformed as 255 × 0.548 = 139.74 and 240 × 0.548 = 131.52.
class="wikitable sortable"
|+ Named X11 colors with numbered variants (without grays) ! Name ! Hue !! Saturation !!title="value of base color"| Brightness !style="border-left:1em solid transparent"| Standard !style="border-left:1em solid transparent"| Variant 1 (100%) !style="border-left:1em solid transparent"| Variant 2 (93.2%) !style="border-left:1em solid transparent"| Variant 3 (80.4%) !style="border-left:1em solid transparent"| Variant 4 (54.8%) |
Antique White
| 34±1° || 14% || 98% |style="border-left:1em solid #FAEBD7"| |
---|
Aquamarine
| 160° || 50% || 100% |style="border-left:1em solid #7FFFD4"| |
Azure
| 180° || 6% || 100% |style="border-left:1em solid #F0FFFF"| |
Bisque
| 33±1° || 23% || 100% |style="border-left:1em solid #FFE4C4"| |
Blue
| 240° || 100% || 100% |style="border-left:1em solid #0000FF"| |
Brown
| 0° || 75% || 65% |style="border-left:1em solid #A52A2A"| |
Burlywood
| 34° || 39% || 87% |style="border-left:1em solid #DEB887"| |
Cadet Blue
| 182–186° || >40% || 63% |style="border-left:1em solid #5F9EA0"| |
Chartreuse
| 90° || 100% || 100% |style="border-left:1em solid #7FFF00"| |
Chocolate
| 25° || 86% || 82% |style="border-left:1em solid #D2691E"| |
Coral
| 10°/16° || 66%/69% || 100% |style="border-left:1em solid #FF7F50"| |
Cornsilk
| 48–51° || 14% || 100% |style="border-left:1em solid #FFF8DC"| |
Cyan
| 180° || 100% || 100% |style="border-left:1em solid #00FFFF"| |
Dark Goldenrod
| 43° || 94% || 72% |style="border-left:1em solid #B8860B"| |
Dark Olive Green
| 82° || 56% || 42% |style="border-left:1em solid #556B2F"| |
Dark Orange
| 30°/33° || 100% || 100% |style="border-left:1em solid #FF8C00"| |
Dark Orchid
| 280° || 76% || 80% |style="border-left:1em solid #9932CC"| |
Dark Sea Green
| 120° || 24% || 74% |style="border-left:1em solid #8FBC8F"| |
Dark Slate Gray
| 180° || 41% || 31% |style="border-left:1em solid #2F4F4F"| |
Deep Pink
| 328° || 92% || 100% |style="border-left:1em solid #FF1493"| |
Deep Sky Blue
| 195° || 100% || 100% |style="border-left:1em solid #00BFFF"| |
Dodger Blue
| 210° || 88% || 100% |style="border-left:1em solid #1E90FF"| |
Firebrick
| 0° || 81% || 70% |style="border-left:1em solid #B22222"| |
Gold
| 51° || 100% || 100% |style="border-left:1em solid #FFD700"| |
Goldenrod
| 43° || 86% || 86% |style="border-left:1em solid #DAA520"| |
Green
| 120° || 100% || 100% |style="border-left:1em solid #00FF00"| |
Honeydew
| 120° || 6% || 100% |style="border-left:1em solid #F0FFF0"| |
Hot Pink
| 330–334° || 53–59% || 100% |style="border-left:1em solid #FF69B4"| |
Indian Red
| 0° || 55–59% || 80% |style="border-left:1em solid #CD5C5C"| |
Ivory
| 60° || 6% || 100% |style="border-left:1em solid #FFFFF0"| |
Khaki
| 55° || 44% || 100% |style="border-left:1em solid #F0E68C"| |
Lavender Blush
| 339±1° || 6% || 100% |style="border-left:1em solid #FFF0F5"| |
Lemon Chiffon
| 54° || 20% || 100% |style="border-left:1em solid #FFFACD"| |
Light Blue
| 195° || 25% || 90% |style="border-left:1em solid #ADD8E6"| |
Light Cyan
| 180° || 12% || 100% |style="border-left:1em solid #E0FFFF"| |
Light Goldenrod
| 50° || 45% || 93% |style="border-left:1em solid #EEDD82"| |
Light Pink
| 351°/352° || 29%/32% || 100% |style="border-left:1em solid #FFB6C1"| |
Light Salmon
| 17° || 52% || 100% |style="border-left:1em solid #FFA07A"| |
Light Sky Blue
| 202°/203° || 31%/46% || 100% |style="border-left:1em solid #87CEFA"| |
Light Steel Blue
| 214° || 21% || 87% |style="border-left:1em solid #B0C4DE"| |
Light Yellow
| 60° || 12% || 100% |style="border-left:1em solid #FFFFE0"| |
Magenta
| 300° || 100% || 100% |style="border-left:1em solid #FF00FF"| |
Maroon
| 322°/338° || 73%/80% || 69% |style="border-left:1em solid #B03060"| |
Medium Orchid
| 288° || 60% || 83% |style="border-left:1em solid #BA55D3"| |
Medium Purple
| 260° || 49% || 86% |style="border-left:1em solid #9370DB"| |
Misty Rose
| 6° || 12% || 100% |style="border-left:1em solid #FFE4E1"| |
Navajo White
| 36° || 32% || 100% |style="border-left:1em solid #FFDEAD"| |
Olive Drab
| 80° || 76% || 56% |style="border-left:1em solid #6B8E23"| |
Orange
| 39° || 100% || 100% |style="border-left:1em solid #FFA500"| |
Orange Red
| 16° || 100% || 100% |style="border-left:1em solid #FF4500"| |
Orchid
| 302° || 49% || 86% |style="border-left:1em solid #DA70D6"| |
Pale Green
| 120° || 40% || 98% |style="border-left:1em solid #98FB98"| |
Pale Turquoise
| 180° || 27% || 93% |style="border-left:1em solid #AFEEEE"| |
Pale Violet Red
| 340° || 49% || 86% |style="border-left:1em solid #DB7093"| |
Peach Puff
| 28° || 27% || 100% |style="border-left:1em solid #FFDAB9"| |
Pink
| 347°/350° || 25%/29% || 100% |style="border-left:1em solid #FFC0CB"| |
Plum
| 300° || 27% || 87% |style="border-left:1em solid #DDA0DD"| |
Purple
| 271°/277° || 81%/87% || 94% |style="border-left:1em solid #A020F0"| |
Red
| 0° || 100% || 100% |style="border-left:1em solid #FF0000"| |
Rosy Brown
| 0° || 24% || 74% |style="border-left:1em solid #BC8F8F"| |
Royal Blue
| 225° || 72% || 88% |style="border-left:1em solid #4169E1"| |
Salmon
| 6°/14° || 54%/59% || 98% |style="border-left:1em solid #FA8072"| |
Sea Green
| 147° || 67% || 55% |style="border-left:1em solid #2E8B57"| |
Seashell
| 26±1° || 7% || 100% |style="border-left:1em solid #FFF5EE"| |
Sienna
| 19° || 72% || 63% |style="border-left:1em solid #A0522D"| |
Sky Blue
| 197°/205° || 43%/47% || 92% |style="border-left:1em solid #87CEEB"| |
Slate Blue
| 248° || 57% || 80% |style="border-left:1em solid #6A5ACD"| |
Slate Gray
| 210° || 22% || 57% |style="border-left:1em solid #708090"| |
Snow
| 0° || 2% || 100% |style="border-left:1em solid #FFFAFA"| |
Spring Green
| 150° || 100% || 100% |style="border-left:1em solid #00FF7F"| |
Steel Blue
| 207° || 61% || 71% |style="border-left:1em solid #4682B4"| |
Tan
| 30°/34° || 33%/69% || 82% |style="border-left:1em solid #D2B48C"| |
Thistle
| 300° || 12% || 85% |style="border-left:1em solid #D8BFD8"| |
Tomato
| 9° || 72% || 100% |style="border-left:1em solid #FF6347"| |
Turquoise
| 174°/182° || 71%/100% || 88% |style="border-left:1em solid #40E0D0"| |
Violet Red
| 322°/333° || 76%/85% || 82% |style="border-left:1em solid #D02090"| |
Wheat
| 39° || 27% || 96% |style="border-left:1em solid #F5DEB3"| |
Yellow
| 60° || 100% || 100% |style="border-left:1em solid #FFFF00"| |
= Prefixed variants =
Some color names appear to be brightness or saturation modifications of others because they bear prefixes such as Dark, Light, Medium, Pale or Deep, but there is no systematic variation apparent. Several sets, however, feature a Dark variant with 55% brightness and some have their Medium at about 80%.
"Light Goldenrod Yellow" and "Dark Olive Green" are special, because there are no corresponding color entries without Dark and Light prefixes.
class="wikitable sortable"
|+ Color names with modifier prefix ! Color name !style="border-left:1em solid transparent"| Base !!style="border-left:1em solid transparent"| Pale !!style="border-left:1em solid transparent"| Light !!style="border-left:1em solid transparent"| Medium !!style="border-left:1em solid transparent"| Dark !!style="border-left:1em solid transparent"| Deep !!style="border-left:1em solid transparent"| other |
Aquamarine
|style="border-left:1em solid Aquamarine"| 100% bright |style="border-left:1em solid PaleAquamarine"| |style="border-left:1em solid LightAquamarine"| |style="border-left:1em solid MediumAquamarine"| 80% bright |style="border-left:1em solid DarkAquamarine"| |style="border-left:1em solid DeepAquamarine"| |style="border-left:1em solid transparent"| |
---|
Blue
|style="border-left:1em solid Blue"| 100% bright |style="border-left:1em solid PaleBlue"| |style="border-left:1em solid LightBlue"| complex |style="border-left:1em solid MediumBlue"| 80% bright |style="border-left:1em solid DarkBlue"| 55% bright |style="border-left:1em solid DeepBlue"| |style="border-left:1em solid transparent"| |
Slate Blue
|style="border-left:1em solid SlateBlue"| 80% bright |style="border-left:1em solid PaleSlateBlue"| |style="border-left:1em solid LightSlateBlue"| 100% bright |style="border-left:1em solid MediumSlateBlue"| 93% bright |style="border-left:1em solid DarkSlateBlue"| 55% bright |style="border-left:1em solid DeepSlateBlue"| |style="border-left:1em solid transparent"| |
Sky Blue
|style="border-left:1em solid SkyBlue"| |style="border-left:1em solid PaleSkyBlue"| |style="border-left:1em solid LightSkyBlue"| complex |style="border-left:1em solid MediumSkyBlue"| |style="border-left:1em solid DarkSkyBlue"| |style="border-left:1em solid DeepSkyBlue"| 100% saturated and bright |style="border-left:1em solid transparent"| |
Steel Blue
|style="border-left:1em solid SteelBlue"| |style="border-left:1em solid PaleSteelBlue"| |style="border-left:1em solid LightSteelBlue"| complex |style="border-left:1em solid MediumSteelBlue"| |style="border-left:1em solid DarkSteelBlue"| |style="border-left:1em solid DeepSteelBlue"| |style="border-left:1em solid transparent"| |
Coral
|style="border-left:1em solid Coral"| |style="border-left:1em solid PaleCoral"| |style="border-left:1em solid LightCoral"| complex |style="border-left:1em solid MediumCoral"| |style="border-left:1em solid DarkCoral"| |style="border-left:1em solid DeepCoral"| |style="border-left:1em solid transparent"| |
Cyan
|style="border-left:1em solid Cyan"| 100% bright, 50% light |style="border-left:1em solid PaleCyan"| |style="border-left:1em solid LightCyan"| 94% light |style="border-left:1em solid MediumCyan"| |style="border-left:1em solid DarkCyan"| 55% bright |style="border-left:1em solid DeepCyan"| |style="border-left:1em solid transparent"| |
Goldenrod
|style="border-left:1em solid Goldenrod"| |style="border-left:1em solid PaleGoldenrod"| complex |style="border-left:1em solid LightGoldenrod"| complex |style="border-left:1em solid MediumGoldenrod"| |style="border-left:1em solid DarkGoldenrod"| complex |style="border-left:1em solid DeepGoldenrod"| |style="border-left:1em solid LightGoldenrodYellow"| complex |
Gray
|style="border-left:1em solid #BEBEBE"| 75% bright |style="border-left:1em solid PaleGray"| |style="border-left:1em solid LightGray"| 83% bright |style="border-left:1em solid MediumGray"| |style="border-left:1em solid DarkGray"| 66% bright |style="border-left:1em solid DeepGray"| |style="border-left:1em solid DimGray"| 41% bright |
Slate Gray
|style="border-left:1em solid SlateGray"| 57% bright |style="border-left:1em solid PaleSlateGray"| |style="border-left:1em solid LightSlateGray"| 60% bright |style="border-left:1em solid MediumSlateGray"| |style="border-left:1em solid DarkSlateGray"| complex |style="border-left:1em solid DeepSlateGray"| |style="border-left:1em solid transparent"| |
Green
|style="border-left:1em solid #00FF00"| 100% bright |style="border-left:1em solid PaleGreen"| 98% bright |style="border-left:1em solid LightGreen"| 93% bright |style="border-left:1em solid MediumGreen"| |style="border-left:1em solid DarkGreen"| 39% bright |style="border-left:1em solid DeepGreen"| |style="border-left:1em solid Green"| 50% bright |
Olive Green
|style="border-left:1em solid OliveGreen"| — |style="border-left:1em solid PaleOliveGreen"| |style="border-left:1em solid LightOliveGreen"| |style="border-left:1em solid MediumOliveGreen"| |style="border-left:1em solid DarkOliveGreen"| complex |style="border-left:1em solid DeepOliveGreen"| |style="border-left:1em solid Olive"| complex |
Sea Green
|style="border-left:1em solid SeaGreen"| 55% bright |style="border-left:1em solid PaleSeaGreen"| |style="border-left:1em solid LightSeaGreen"| complex |style="border-left:1em solid MediumSeaGreen"| 70% bright |style="border-left:1em solid DarkSeaGreen"| complex |style="border-left:1em solid DeepSeaGreen"| |style="border-left:1em solid transparent"| |
Spring Green
|style="border-left:1em solid SpringGreen"| 100% bright |style="border-left:1em solid PaleSpringGreen"| |style="border-left:1em solid LightSpringGreen"| |style="border-left:1em solid MediumSpringGreen"| complex |style="border-left:1em solid DarkSpringGreen"| |style="border-left:1em solid DeepSpringGreen"| |style="border-left:1em solid transparent"| |
Khaki
|style="border-left:1em solid Khaki"| 94% bright |style="border-left:1em solid PaleKhaki"| |style="border-left:1em solid LightKhaki"| |style="border-left:1em solid MediumKhaki"| |style="border-left:1em solid DarkKhaki"| 74% bright |style="border-left:1em solid DeepKhaki"| |style="border-left:1em solid transparent"| |
Magenta
|style="border-left:1em solid Magenta"| 100% bright |style="border-left:1em solid PaleMagenta"| |style="border-left:1em solid LightMagenta"| |style="border-left:1em solid MediumMagenta"| |style="border-left:1em solid DarkMagenta"| 55% bright |style="border-left:1em solid DeepMagenta"| |style="border-left:1em solid transparent"| |
Orange
|style="border-left:1em solid Orange"| 39° hue |style="border-left:1em solid PaleOrange"| |style="border-left:1em solid LightOrange"| |style="border-left:1em solid MediumOrange"| |style="border-left:1em solid DarkOrange"| 33° hue |style="border-left:1em solid DeepOrange"| |style="border-left:1em solid transparent"| |
Orchid
|style="border-left:1em solid Orchid"| |style="border-left:1em solid PaleOrchid"| |style="border-left:1em solid LightOrchid"| |style="border-left:1em solid MediumOrchid"| complex |style="border-left:1em solid DarkOrchid"| complex |style="border-left:1em solid DeepOrchid"| |style="border-left:1em solid transparent"| |
Pink
|style="border-left:1em solid Pink"| 88% light |style="border-left:1em solid PalePink"| |style="border-left:1em solid LightPink"| 86% light |style="border-left:1em solid MediumPink"| |style="border-left:1em solid DarkPink"| |style="border-left:1em solid DeepPink"| complex |style="border-left:1em solid HotPink"| complex |
Purple
|style="border-left:1em solid #A020F0"| |style="border-left:1em solid PalePurple"| |style="border-left:1em solid LightPurple"| |style="border-left:1em solid MediumPurple"| complex |style="border-left:1em solid DarkPurple"| |style="border-left:1em solid DeepPurple"| |style="border-left:1em solid WebPurple"| complex |
Violet Red
|style="border-left:1em solid VioletRed"| 47% light, 82% bright |style="border-left:1em solid PaleVioletRed"| complex |style="border-left:1em solid LightVioletRed"| |style="border-left:1em solid MediumVioletRed"| 43% light, 78% bright |style="border-left:1em solid DarkVioletRed"| |style="border-left:1em solid DeepVioletRed"| |style="border-left:1em solid transparent"| |
Red
|style="border-left:1em solid Red"| 100% bright |style="border-left:1em solid PaleRed"| |style="border-left:1em solid LightRed"| |style="border-left:1em solid MediumRed"| |style="border-left:1em solid DarkRed"| 55% bright |style="border-left:1em solid DeepRed"| |style="border-left:1em solid transparent"| |
Salmon
|style="border-left:1em solid Salmon"| |style="border-left:1em solid PaleSalmon"| |style="border-left:1em solid LightSalmon"| complex |style="border-left:1em solid MediumSalmon"| |style="border-left:1em solid DarkSalmon"| complex |style="border-left:1em solid DeepSalmon"| |style="border-left:1em solid transparent"| |
Turquoise
|style="border-left:1em solid Turquoise"| |style="border-left:1em solid PaleTurquoise"| complex |style="border-left:1em solid LightTurquoise"| |style="border-left:1em solid MediumTurquoise"| complex |style="border-left:1em solid DarkTurquoise"| complex |style="border-left:1em solid DeepTurquoise"| |style="border-left:1em solid transparent"| |
Violet
|style="border-left:1em solid Violet"| |style="border-left:1em solid PaleViolet"| |style="border-left:1em solid LightViolet"| |style="border-left:1em solid MediumViolet"| |style="border-left:1em solid DarkViolet"| complex |style="border-left:1em solid DeepViolet"| |style="border-left:1em solid transparent"| |
Yellow
|style="border-left:1em solid Yellow"| 50% light |style="border-left:1em solid PaleYellow"| |style="border-left:1em solid LightYellow"| 94% light |style="border-left:1em solid MediumYellow"| |style="border-left:1em solid DarkYellow"| |style="border-left:1em solid DeepYellow"| |style="border-left:1em solid transparent"| |
= Nuances with different hue =
Several groups of colors share the same lightness or brightness and saturation. These nuances differ only by hue.
; 100%/25%: 0° {{Color box|#7F0000|border=silver}} (Web) Maroon, 60° {{Color box|#808000|border=silver}} Olive, 120° {{Color box|#008000|border=silver}} Green, 180° {{Color box|#008080|border=silver}} Teal, 240° {{Color box|#000080|border=silver}} Navy (Blue), 300° {{Color box|#7F007F|border=silver}} (Web) Purple
; 100%/27%: 0° {{Color box|#8B0000|border=silver}} Dark Red, 180° {{Color box|#008B8B|border=silver}} Dark Cyan, 240° {{Color box|#00008B|border=silver}} Dark Blue, 300° {{Color box|#8B008B|border=silver}} Dark Magenta
; 100%/41%: 181° {{Color box|#00CED1|border=silver}} Dark Turquoise, 282° {{Color box|#9400D3|border=silver}} Dark Violet
; 100%/49%: 90° {{Color box|#7CFC00|border=silver}} Lawn Green, 157° {{Color box|#00FA9A|border=silver}} Medium Spring Green
; 61%/50%: 80° {{Color box|#9ACD32|border=silver}} Yellow Green, 120° {{Color box|#32CD32|border=silver}} Lime Green, 280° {{Color box|#9932CC|border=silver}} Dark Orchid
; 100%/50%: 0° {{Color box|#FF0000|border=silver}} Red, 16° {{Color box|#FF4500|border=silver}} Orange Red, 33° {{Color box|#FF8C00|border=silver}} Dark Orange, 39° {{Color box|#FFA500|border=silver}} Orange, 51° {{Color box|#FFD700|border=silver}} Gold, 60° {{Color box|#FFFF00|border=silver}} Yellow, 90° {{Color box|#7FFF00|border=silver}} Chartreuse, 120° {{Color box|#00FF00|border=silver}} (Lime) Green, 150° {{Color box|#00FF7F|border=silver}} Spring Green, 180° {{Color box|#00FFFF|border=silver}} Aqua / Cyan, 195° {{Color box|#00BFFF|border=silver}} Deep Sky Blue, 240° {{Color box|#0000FF|border=silver}} Blue, 300° {{Color box|#FF00FF|border=silver}} Fuchsia / Magenta
; 25%/65%: 0° {{Color box|#BC8F8F|border=silver}} Rosy Brown, 120° {{Color box|#8FBC8F|border=silver}} Dark Sea Green
; 59–60%/65%: 260° {{Color box|#9370DB|border=silver}} Medium Purple, 302° {{Color box|#DA70D6|border=silver}} Orchid, 340° {{Color box|#DB7093|border=silver}} Pale Violet Red
; 100%/86%: 38° {{Color box|#FFE4B5|border=silver}} Moccasin, 351° {{Color box|#FFB6C1|border=silver}} Light Pink
; 100%/90%: 36° {{Color box|#FFEBCD|border=silver}} Blanched Almond, 54° {{Color box|#FFFACD|border=silver}} Lemon Chiffon
; 67%/94%: 30° {{Color box|#FAF0E6|border=silver}} Linen, 240° {{Color box|#E6E6FA|border=silver}} Lavender
; 100%/94%: 6° {{Color box|#FFE4E1|border=silver}} Misty Rose, 60° {{Color box|#FFFFE0|border=silver}} Light Yellow, 180° {{Color box|#E0FFFF|border=silver}} Light Cyan
; 100%/97%: 25° {{Color box|#FFF5EE|border=silver}} Seashell, 40° {{Color box|#FFFAF0|border=silver}} Floral White, 60° {{Color box|#FFFFF0|border=silver}} Ivory, 120° {{Color box|#F0FFF0|border=silver}} Honeydew, 180° {{Color box|#F0FFFF|border=silver}} Azure, 208° {{Color box|#F0F8FF|border=silver}} Alice Blue, 340° {{Color box|#FFF0F5|border=silver}} Lavender Blush
; 100%/99%: 0° {{Color box|#FFFAFA|border=silver}} Snow, 240° {{Color box|#F8F8FF|border=silver}} Ghost White
= Tints and shades with different lightness =
Several groups of colors share the same hue and HSL saturation. Tints are lighter than a base color, shades are darker.
; 0°/0%: 0% {{Color box|#000000|border=silver}} Black, 41% {{Color box|#696969|border=silver}} Dim Gray, 50% {{Color box|#808080|border=silver}} (Web) Gray, 66% {{Color box|#A9A9A9|border=silver}} Dark Gray, 75% {{Color box|#BEBEBE|border=silver}} (X11) Gray, 75% {{Color box|#C0C0C0|border=silver}} Silver, 83% {{Color box|#D3D3D3|border=silver}} Light Gray, 86% {{Color box|#DCDCDC|border=silver}} Gainsboro, 96% {{Color box|#F5F5F5|border=silver}} White Smoke, 100% {{Color box|#FFFFFF|border=silver}} White
; 0°/100%: 25% {{Color box|#7F0000|border=silver}} (Web) Maroon, 27% {{Color box|#8B0000|border=silver}} Dark Red, 50% {{Color box|#FF0000|border=silver}} Red, 99% {{Color box|#FFFAFA|border=silver}} Snow
; 16°/100%: 50% {{Color box|#FF4500|border=silver}} Orange Red, 66% {{Color box|#FF7F50|border=silver}} Coral
; 33°/100%: 50% {{Color box|#FF8C00|border=silver}} Dark Orange, 88% {{Color box|#FFE4C4|border=silver}} Bisque
; 36°/100%: 84% {{Color box|#FFDEAD|border=silver}} Navajo White, 90% {{Color box|#FFEBCD|border=silver}} Blanched Almond
; 60°/100%: 25% {{Color box|#808000|border=silver}} Olive, 50% {{Color box|#FFFF00|border=silver}} Yellow, 94% {{Color box|#FFFFE0|border=silver}} Light Yellow, 97% {{Color box|#FFFFF0|border=silver}} Ivory
; 80°/61%: 35% {{Color box|#6B8E23|border=silver}} Olive Drab, 50% {{Color box|#9ACD32|border=silver}} Yellow Green
; 90°/100%: 49% {{Color box|#7CFC00|border=silver}} Lawn Green, 50% {{Color box|#7FFF00|border=silver}} Chartreuse
; 120°/61%: 34% {{Color box|#228B22|border=silver}} Forest Green, 50% {{Color box|#32CD32|border=silver}} Lime Green
; 120°/100%: 20% {{Color box|#006400|border=silver}} Dark Green, 25% {{Color box|#008000|border=silver}} (Web) Green, 50% {{Color box|#00FF00|border=silver}} (X11) Green / Lime, 97% {{Color box|#F0FFF0|border=silver}} Honeydew
; 146–147°/50%: 36% {{Color box|#2E8B57|border=silver}} Sea Green, 47% {{Color box|#3CB371|border=silver}} Medium Sea Green
; 150°/100%: 50% {{Color box|#00FF7F|border=silver}} Spring Green, 98% {{Color box|#F5FFFA|border=silver}} Mint Cream
; 180–181°/100%: 25% {{Color box|#008080|border=silver}} Teal, 27% {{Color box|#008B8B|border=silver}} Dark Cyan, 41% {{Color box|#00CED1|border=silver}} Dark Turquoise, 50% {{Color box|#00FFFF|border=silver}} Aqua / Cyan, 94% {{Color box|#E0FFFF|border=silver}} Light Cyan, 97% {{Color box|#F0FFFF|border=silver}} Azure
; 240°/100%: 25% {{Color box|#000080|border=silver}} Navy Blue, 27% {{Color box|#00008B|border=silver}} Dark Blue, 40% {{Color box|#0000CD|border=silver}} Medium Blue, 50% {{Color box|#0000FF|border=silver}} Blue, 99% {{Color box|#F8F8FF|border=silver}} Ghost White
; 300°/100%: 25% {{Color box|#7F007F|border=silver}} (Web) Purple, 27% {{Color box|#8B008B|border=silver}} Dark Magenta, 50% {{Color box|#FF00FF|border=silver}} Fuchsia / Magenta
; 328–330°/100%: 54% {{Color box|#FF1493|border=silver}} Deep Pink, 71% {{Color box|#FF69B4|border=silver}} Hot Pink
; 350–351°/100%: 88% {{Color box|#FFC0CB|border=silver}} Pink, 86% {{Color box|#FFB6C1|border=silver}} Light Pink
= Tones with different saturation =
Some pairs of colors share the same lightness and hue. These tones differ only by saturation. Tones are far less common in the X11 set than nuances, tints and shades.
; 0°/41%: 0% {{Color box|#696969|border=silver}} Dim Gray, 59% {{Color box|#A52A2A|border=silver}} Brown
; 120°/50%: 61% {{Color box|#32CD32|border=silver}} Lime Green, 100% {{Color box|#00FF00|border=silver}} Green / Lime
; 180°/25%: 25% {{Color box|#2F4F4F|border=silver}} Dark Slate Gray, 100% {{Color box|#008080|border=silver}} Teal
; 240°/27%: 64% {{Color box|#191970|border=silver}} Midnight Blue, 100% {{Color box|#00008B|border=silver}} Dark Blue
Derived lists
The Printer Working Group (PWG) of the IEEE publishes a standard, [http://ftp.pwg.org/pub/pwg/candidates/cs-pwgmsn20-20130328-5101.1.pdf PWG 5101.1], whose mandatory color names are based upon RFC 3805, successor to RFC 1759 which imported the functional color names other, unknown and transparent alongside seven basic colors from ISO 10175 (DPA) and ISO 10180 (SPDL), and JTAPI.{{citation
|editor = Free Standards Group (FSG) / OpenPrinting
|title = Job Ticket Application Programming Interface (JTAPI)
|version = 1.00
|date = 2005-03-15
|url = http://ftp.pwg.org/pub/pwg/fsg/jobticket/JTAPI_Spec/fsg-openprinting-job-ticket-api-v0100-20050315.pdf
}} This standard has four variants for each non-monochromatic color: clear (50% transparent), dark, light and the default. Wherever possible, the values are the same as in the W3C adaptation of the X11 list, except for Turquoise which is {{Color box|#30D5C8|border=silver}} instead of {{Color box|#40E0D0|border=silver}}. Missing variant values have been added systematically. Buff and Mustard are completely new color names. Light Black and Gray correspond to the same color.
{{Colort|caption=PWG 5101.1 Media Color Names|alias=X11/W3C (Source)}}
{{Colort/Color|r=0|g=0|b=0|name= Black|sort=Black|alias=Black}}
{{Colort/Color|r=128|g=128|b=128|name=Light Black|sort=Black, Light|alias=Gray}}
{{Colort/Color|r=0|g=0|b=255|name= Blue|sort=Blue|alias=Blue (RFC)}}
{{Colort/Color|r=0|g=0|b=139|name=Dark Blue|sort=Blue, Dark|alias=Dark Blue}}
{{Colort/Color|r=173|g=216|b=230|name=Light Blue|sort=Blue, Light|alias=Light Blue}}
{{Colort/Color|r=165|g=42|b=42|name= Brown|sort=Brown|alias=Brown}}
{{Colort/Color|r=92|g=64|b=51|name=Dark Brown|sort=Brown, Dark|alias= }}
{{Colort/Color|r=153|g=102|b=0|name=Light Brown|sort=Brown, Light|alias= }}
{{Colort/Color|r=240|g=220|b=130|name= Buff|sort=Buff|alias= (RFC)}}
{{Colort/Color|r=151|g=102|b=56|name=Dark Buff|sort=Buff, Dark|alias= }}
{{Colort/Color|r=236|g=217|b=176|name=Light Buff|sort=Buff, Light|alias= }}
{{Colort/Color|r=0|g=255|b=255|name= Cyan|sort=Cyan|alias=Aqua / Cyan}}
{{Colort/Color|r=0|g=139|b=139|name=Dark Cyan|sort=Cyan, Dark|alias=Dark Cyan}}
{{Colort/Color|r=224|g=255|b=255|name=Light Cyan|sort=Cyan, Light|alias=Light Cyan}}
{{Colort/Color|r=255|g=215|b=0|name= Gold|sort=Gold|alias=Gold}}
{{Colort/Color|r=238|g=188|b=29|name=Dark Gold|sort=Gold, Dark|alias= }}
{{Colort/Color|r=241|g=229|b=172|name=Light Gold|sort=Gold, Light|alias= }}
{{Colort/Color|r=218|g=165|b=32|name= Goldenrod|sort=Goldenrod|alias=Goldenrod (RFC)}}
{{Colort/Color|r=184|g=134|b=11|name=Dark Goldenrod|sort=Goldenrod, Dark|alias=Dark Goldenrod}}
{{Colort/Color|r=255|g=236|b=139|name=Light Goldenrod|sort=Goldenrod, Light|alias=Light Goldenrod 1}}
{{Colort/Color|r=128|g=128|b=128|name= Gray|sort=Gray|alias=Gray}}
{{Colort/Color|r=64|g=64|b=64|name=Dark Gray|sort=Gray, Dark|alias= }}
{{Colort/Color|r=211|g=211|b=211|name=Light Gray|sort=Gray, Light|alias=Light Gray}}
{{Colort/Color|r=0|g=128|b=0|name= Green|sort=Green|alias=(W3C) Green (RFC)}}
{{Colort/Color|r=0|g=100|b=0|name=Dark Green|sort=Green, Dark|alias=Dark Green}}
{{Colort/Color|r=144|g=238|b=144|name=Light Green|sort=Green, Light|alias=Light Green}}
{{Colort/Color|r=255|g=255|b=240|name= Ivory|sort=Ivory|alias=Ivory}}
{{Colort/Color|r=242|g=229|b=143|name=Dark Ivory|sort=Ivory, Dark|alias= }}
{{Colort/Color|r=255|g=248|b=201|name=Light Ivory|sort=Ivory, Light|alias= }}
{{Colort/Color|r=255|g=0|b=255|name= Magenta|sort=Magenta|alias=Magenta}}
{{Colort/Color|r=139|g=0|b=139|name=Dark Magenta|sort=Magenta, Dark|alias=Dark Magenta, Magenta 4}}
{{Colort/Color|r=255|g=119|b=255|name=Light Magenta|sort=Magenta, Light|alias= }}
{{Colort/Color|r=255|g=219|b=88|name= Mustard|sort=Mustard|alias= }}
{{Colort/Color|r=124|g=124|b=64|name=Dark Mustard|sort=Mustard, Dark|alias= }}
{{Colort/Color|r=238|g=221|b=98|name=Light Mustard|sort=Mustard, Light|alias= }}
{{Colort/Color|r=255|g=165|b=0|name= Orange|sort=Orange|alias=Orange}}
{{Colort/Color|r=255|g=140|b=0|name=Dark Orange|sort=Orange, Dark|alias=Dark Orange}}
{{Colort/Color|r=217|g=164|b=101|name=Light Orange|sort=Orange, Light|alias= }}
{{Colort/Color|r=255|g=192|b=203|name= Pink|sort=Pink|alias=Pink (RFC)}}
{{Colort/Color|r=231|g=84|b=128|name=Dark Pink|sort=Pink, Dark|alias= }}
{{Colort/Color|r=255|g=182|b=193|name=Light Pink|sort=Pink, Light|alias=Light Pink}}
{{Colort/Color|r=255|g=0|b=0|name= Red|sort=Red|alias=Red}}
{{Colort/Color|r=139|g=0|b=0|name=Dark Red|sort=Red, Dark|alias=Dark Red, Red 4}}
{{Colort/Color|r=255|g=51|b=51|name=Light Red|sort=Red, Light|alias= }}
{{Colort/Color|r=192|g=192|b=192|name= Silver|sort=Silver|alias=Silver}}
{{Colort/Color|r=175|g=175|b=175|name=Dark Silver|sort=Silver, Dark|alias= }}
{{Colort/Color|r=225|g=225|b=225|name=Light Silver|sort=Silver, Light|alias= }}
{{Colort/Color|r=48|g=213|b=200|name= Turquoise|sort=Turquoise|alias=(0x40E0D0)}}
{{Colort/Color|r=0|g=206|b=209|name=Dark Turquoise|sort=Turquoise, Dark|alias=Dark Turquoise}}
{{Colort/Color|r=175|g=228|b=222|name=Light Turquoise|sort=Turquoise, Light|alias= }}
{{Colort/Color|r=238|g=130|b=238|name= Violet|sort=Violet|alias=Violet}}
{{Colort/Color|r=148|g=0|b=211|name=Dark Violet|sort=Violet, Dark|alias=Dark Violet}}
{{Colort/Color|r=122|g=82|b=153|name=Light Violet|sort=Violet, Light|alias= }}
{{Colort/Color|r=255|g=255|b=255|name= White|sort=White|alias=White (RFC)}}
{{Colort/Color|r=255|g=255|b=0|name=Yellow|alias=Yellow (RFC)}}
{{Colort/Color|r=255|g=204|b=0|name=Dark Yellow|sort=Yellow, Dark|alias= }}
{{Colort/Color|r=255|g=255|b=224|name=Light Yellow|sort=Yellow, Light|alias=Light Yellow}}
|}
See also
References
{{Reflist}}
External links
- [https://gitlab.freedesktop.org/xorg/xserver/-/blob/master/dix/color.c X-Server source code with built-in colors]
- [http://www.w3.org/TR/css3-color/#svg-color "Extended Color Keywords", CSS Color Module Level 3], a W3C Recommendation
- [https://web.archive.org/web/20080502201401/http://cvsweb.xfree86.org/cvsweb/*checkout*/xc/programs/rgb/rgb.txt?rev=1.1 X11 rgb.txt 1.1] at Xfree.86.org, 1994; [https://web.archive.org/web/20070928030522/http://cvsweb.xfree86.org/cvsweb/xc/programs/rgb/rgb.txt.diff?r1=1.2&r2=1.1 X11 rgb.txt 1.2], 2005 (excluding 96 aliases); and [https://github.com/freedesktop/xorg-rgb/blob/master/rgb.txt Modern X.Org rgb.txt], from GitHub.
- Aubrey Jaffer. [http://people.csail.mit.edu/jaffer/Color/Dictionaries "Color-Name Dictionaries"]. Jaffer's page includes extensive information about and comparisons between color-name dictionaries.
- [https://learn.microsoft.com/en-us/dotnet/api/system.windows.media.colors?view=windowsdesktop-8.0 .NET Framework and Windows Forms color names]
{{XWinSys}}
{{Color shades}}