RiverLeaf Color
Welcome to our exploration of W3 COLOR GROUPS.
With focus on 140 color names and many color heus.
©Riverleaf™ Color
Color Name Groups
Pink Colors
Pink Colors
Purple Colors
Purple Colors
Red Colors
Red Colors
Orange Colors
Orange Colors
Yellow Colors
Yellow Colors
Green Colors
Green Colors
Cyan Colors
Cyan Colors
Blue Colors
Blue Colors
Brown Colors
Brown Colors
White Colors
White Colors
Grey or Gray Colors
Note: both spellings grey and gray can be used.
140 Color Names
2,240 Color Kinds
Pinks Colors
pinks | #FFC0CB | rgb(255,192,203) | 650 | |||||
shades | ||||||||
#ffb3bf | #ff8095 | #ff4d6a | #ff1a40 | #e60026 | #b3001e | #800015 | #4d000d | |
hues | ||||||||
#ffc2c2 | #fff0c2 | #e0ffc2 | #c2ffd1 | #c2ffff | #c2d1ff | #e0c2ff | #ffc2f0 |
lightpink | #ffb6c1 | rgb(255,182,193) | 630 | |||||
shades | ||||||||
#ffb3be | #ff8093 | #ff4d67 | #ff1a3c | #e60022 | #b3001b | #800013 | #4d000b | |
hues | ||||||||
#ffb8b8 | #ffedb8 | #dbffb8 | #b8ffc9 | #b8ffff | #b8c9ff | #dbb8ff | #ffb8ed |
hotpink | #ff69b4 | rgb(255,105,180) | 540 | |||||
shades | ||||||||
#ffb3d9 | #ff80bf | #ff4da6 | #ff1a8c | #e60073 | #b30059 | #800040 | #4d0026 | |
hues | ||||||||
#ff6b6b | #ffda6b | #b5ff6b | #6bff90 | #6bffff | #6b90ff | #b56bff | #ff6bda |
deeppink | #ff1493 | rgb(255,20,147) | 422 | |||||
shades | ||||||||
#ffdff0 | #ff9fd3 | #ff60b6 | #ff2098 | #df0079 | #9f0056 | #600034 | #200011 | |
hues | #1445ff | |||||||
#e1ff14 | #ffbb14 | #ff5914 | #ff1431 | #ff14f5 | #a714ff | #1445ff | #4514ff |
palevioletred | #db7093 | rgb(219,112,147) | 353 | |||||
shades | ||||||||
#f0c2d1 | #e699b2 | #db7093 | #d14775 | #b82e5c | #8f2447 | #661933 | #3d0f1f | |
hues | ||||||||
#db7070 | #dbc170 | #a6db70 | #70db8b | #70dbdb | #708bdb | #a670db | #db70c1 |
mediumvioletred | #c71585 | rgb(199,21,133) | 266 | |||||
shades | ||||||||
#f8bae1 | #f38ccd | #ee5db9 | #e92fa5 | #d0168c | #a2116d | #730c4e | #45072f | |
hues | ||||||||
#c61515 | #c69a15 | #6ec615 | #15c641 | #15c6c6 | #1541c6 | #6e15c6 | #c6159a |
Pinks Colors
Purples Colors
lavender | #e6e6fa | rgb(230,230,250) | 710 | |||||
shades | ||||||||
#bfbff2 | #9595ea | #6a6ae2 | #3f3fd9 | #2626c0 | #1d1d95 | #15156a | #0d0d40 | |
hues | ||||||||
#fae5e5 | #faf5e5 | #f0fae5 | #e5faeb | #e5fafa | #e5ebfa | #f0e5fa | #fae5f5 |
thistle | #d8bfd8 | rgb(216,191,216) | 623 | |||||
shades | ||||||||
#e2d0e2 | #cfb0cf | #bb90bb | #a871a8 | #8e578e | #6f446f | #4f304f | #2f1d2f | |
hues | ||||||||
#d8c0c0 | #d8d2c0 | #ccd8c0 | #c0d8c6 | #c0d8d8 | #c0c6d8 | #ccc0d8 | #d8c0d2 |
violet | hex | rgb(238,130,238) | 606 | |||||
shades | ||||||||
#f6bcf6 | #f08ff0 | #ea62ea | #e335e3 | #ca1cca | #9d159d | #700f70 | #430943 | |
hues | ||||||||
#ee8181 | #eed381 | #b8ee81 | #81ee9c | #81eeee | #819cee | #b881ee | #ee81d3 |
plum | #dda0dd | rgb(221,160,221) | 602 | |||||
shades | ||||||||
#ebc7eb | #dda0dd | #d07cd0 | #c256c2 | #a93da9 | #832f83 | #5e225e | #381438 | |
hues | ||||||||
#dda1a1 | #ddcea1 | #bfdda1 | #a1ddb0 | #a1dddd | #a1b0dd | #bfa1dd | #dda1ce |
orchid | #da70d6 | rgb(218,112,214) | 544 | |||||
shades | ||||||||
#efc2ee | #e59ae2 | #da70d6 | #d049cb | #b62fb2 | #8e258a | #651a63 | #3d103b | |
hues | ||||||||
#da7171 | #dac071 | #a6da71 | #71da8b | #71dada | #718bda | #a671da | #da71c0 |
fuchsia | #ff00ff | rgb(255,0,255) | 510 | |||||
shades | ||||||||
#ffb3ff | #ff80ff | #ff4dff | #ff1aff | #e600e6 | #b300b3 | #800080 | #4d004d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
magenta | #ff00ff | rgb(255,0,255) | 510 | |||||
shades | ||||||||
#ffb3ff | #ff80ff | #ff4dff | #ff1aff | #e600e6 | #b300b3 | #800080 | #4d004d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
mediumorchid | #ba55d3 | rgb(186,85,211) | 482 | |||||
shades | ||||||||
#e6c2ef | #d69ae5 | #c571da | #b549d0 | #9b2fb6 | #79258e | #561a65 | #34103d | |
hues | ||||||||
#d35555 | #d3b355 | #94d355 | #55d374 | #55d3d3 | #5574d3 | #9455d3 | #d355b3 |
mediumpurple | #9370db | rgb(147,112,219) | 478 | |||||
shades | ||||||||
#d1c2f0 | #b299e6 | #9370db | #7547d1 | #5c2eb8 | #47248f | #331966 | #1f0f3d | |
hues | ||||||||
#db7070 | #dbc170 | #a6db70 | #70db8b | #70dbdb | #708bdb | #a670db | #db70c1 |
mediumslateblue | #7b68ee | rgb(123,104,238) | 465 | |||||
shades | ||||||||
#c3baf7 | #9c8cf2 | #745eed | #4c30e8 | #3217cf | #2712a1 | #1c0d73 | #110845 | |
hues | ||||||||
#ee6868 | #eecd68 | #abee68 | #68ee89 | #68eeee | #6889ee | #ab68ee | #ee68cd |
darkorchid | #9932cc | rgb(153,50,204) | 407 | |||||
shades | ||||||||
#e1c1f0 | #cc98e6 | #b86fdc | #a446d2 | #8a2db9 | #6b2390 | #4d1967 | #2e0f3e | |
hues | ||||||||
#cd3232 | #cda632 | #80cd32 | #32cd59 | #32cdcd | #3259cd | #8032cd | #cd32a6 |
blueviolet | #8a2be2 | rgb(138,43,226) | 407 | |||||
shades | ||||||||
#dabcf6 | #c18ff0 | #a862ea | #8f35e3 | #761cca | #5c159d | #410f70 | #270943 | |
hues | ||||||||
#e22c2c | #e2b52c | #87e22c | #2ce25a | #2ce2e2 | #2c5ae2 | #872ce2 | #e22cb5 |
slateblue | #6a5acd | rgb(106,90,205) | 401 | |||||
shades | ||||||||
#cac4ed | #a69de1 | #8376d5 | #604fc9 | #4636b0 | #372a89 | #271e62 | #17123b | |
hues | ||||||||
#cd5b5b | #cdb05b | #94cd5b | #5bcd78 | #5bcdcd | #5b78cd | #945bcd | #cd5bb0 |
darkviolet | #9400d3 | rgb(148,0,211) | 359 | |||||
shades | ||||||||
#e8b3ff | #d980ff | #c94dff | #ba1aff | #a100e6 | #7d00b3 | #590080 | #36004d | |
hues | ||||||||
#d10000 | #d19d00 | #69d100 | #00d134 | #00d1d1 | #0034d1 | #6900d1 | #d1009d |
rebeccapurple | #663399 | rgb(102,51,153) | 306 | |||||
shades | ||||||||
#d9c6ec | #bf9fdf | #a679d2 | #8c53c6 | #7339ac | #592d86 | #402060 | #261339 | |
hues | ||||||||
#993333 | #998033 | #669933 | #33994d | #339999 | #334d99 | #663399 | #993380 |
darkmagenta | #8b008b | rgb(139,0,139) | 278 | |||||
shades | ||||||||
#ffb3ff | #ff80ff | #ff4dff | #ff1aff | #e600e6 | #b300b3 | #800080 | #4d004d | |
hues | ||||||||
#8a0000 | #8a6700 | #458a00 | #008a22 | #008a8a | #00228a | #45008a | #8a0067 |
darkslateblue | #483d8b | 272 | ||||||
shades | ||||||||
#cecae8 | #ada6d8 | #8c83c9 | #6b5fb9 | #5246a0 | #40367c | #2e2759 | #1b1735 | |
hues | ||||||||
#8a3d3d | #8a773d | #638a3d | #3d8a50 | #3d8a8a | #3d508a | #633d8a | #8a3d77 |
purple | #800080 | rgb(128,0,128) | 256 | |||||
shades | ||||||||
#ffb3ff | #ff80ff | #ff4dff | #ff1aff | #e600e6 | #b300b3 | #800080 | #4d004d | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
indigo | #4b0082 | rgb(75,0,130) | 205 | |||||
shades | ||||||||
#dfb3ff | #ca80ff | #b54dff | #9f1aff | #8600e6 | #6800b3 | #4b0082 | #2d004d | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
Purples Colors
Reds Colors
lightsalmon | #ffa07a | rgb(255,160,122) | 537 | |||||
shades | ||||||||
#ffc8b3 | #ffa480 | #ff7f4d | #ff5b1a | #e64100 | #b33300 | #802400 | #4d1600 | |
hues | ||||||||
#ff7a7a | #ffde7a | #bdff7a | #7aff9c | #7affff | #7a9cff | #bd7aff | #ff7ade |
darksalmon | #e9967a | rgb(233,150,122) | 505 | |||||
shades | ||||||||
#f4cbbd | #eda891 | #e68665 | #df633a | #c54920 | #9a3919 | #6e2912 | #42180b | |
hues | ||||||||
#ea7b7b | #eace7b | #b3ea7b | #7bea97 | #7beaea | #7b97ea | #b37bea | #ea7bce |
lightcoral | #f08080 | rgb(240,128,128) | 496 | |||||
shades | ||||||||
#f7bbbb | #f28d8d | #ec5f5f | #e73232 | #cd1818 | #a01313 | #720d0d | #440808 | |
hues | ||||||||
#f08080 | #f0d47f | #b8f07f | #7ff09b | #7ff0f0 | #7f9bf0 | #b87ff0 | #f07fd4 |
salmon | #fa8072 | rgb(250,128,114) | 492 | |||||
shades | ||||||||
#fcbcb5 | #fb9084 | #f96353 | #f73722 | #dd1d08 | #ac1706 | #7b1004 | #4a0a03 | |
hues | ||||||||
#fa8072 | #fad770 | #b5fa70 | #70fa93 | #70fafa | #7093fa | #b570fa | #fa70d7 |
indianred | #cd5c5c | rgb(205,92,92) | 389 | |||||
shades | ||||||||
#edc4c4 | #e19d9d | #d57676 | #c94f4f | #b03636 | #892a2a | #621e1e | #3b1212 | |
hues | ||||||||
#cd5c5c | #cdb05b | #94cd5b | #5bcd78 | #5bcdcd | #5b78cd | #945bcd | #cd5bb0 |
crimson | #dc143c | rgb(220,20,60) | 300 | |||||
shades | ||||||||
#f8b9c6 | #f48aa0 | #f05c79 | #eb2d53 | #d2143a | #a30f2d | #750b20 | #460713 | |
hues | ||||||||
#db1414 | #dbaa14 | #78db14 | #14db46 | #14dbdb | #1446db | #7814db | #db14aa |
red | #ff0000 | rgb(255,0,0) | 255 | |||||
shades | ||||||||
#ffb3b3 | #ff8080 | #ff4d4d | #ff1a1a | #e60000 | #b30000 | #800000 | #4d0000 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
firebrick | #b22222 | rgb(178,34,34) | 246 | |||||
shades | ||||||||
#f3bfbf | #eb9494 | #e26969 | #da3e3e | #c12525 | #961d1d | #6b1414 | #400c0c | |
hues | ||||||||
#b22222 | #b49022 | #6bb422 | #22b447 | #22b4b4 | #2247b4 | #6b22b4 | #b42290 |
darkred | #8b0000 | rgb(139,0,0) | 139 | |||||
shades | ||||||||
#ffb3b3 | #ff8080 | #ff4d4d | #ff1a1a | #e60000 | #b30000 | #800000 | #4d0000 | |
hues | ||||||||
#8b0000 | #8a6700 | #458a00 | #008a22 | #008a8a | #00228a | #45008a | #8a0067 |
Reds Colors
Oranges Colors
coral | #ff7f50 | rgb(255,127,80) | 462 | |||||
shades | ||||||||
#ffb3b3 | #ff8080 | #ff4d4d | #ff1a1a | #e60000 | #b30000 | #800000 | #4d0000 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
tomato | #ff6347 | rgb(255,99,71) | 425 | |||||
shades | ||||||||
#ffbeb3 | #ff9380 | #ff674d | #ff3c1a | #e62200 | #b31b00 | #801300 | #4d0b00 | |
hues | ||||||||
#ff4747 | #ffd147 | #a3ff47 | #47ff75 | #47ffff | #4775ff | #a347ff | #ff47d1 |
orange | #ffa500 | rgb(255,165,0) | 420 | |||||
shades | ||||||||
#ffe4b3 | #ffd280 | #ffc14d | #ffaf1a | #e69500 | #b37400 | #805300 | #4d3200 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
darkorange | #ff8c00 | rgb(255,140,0) | 395 | |||||
shades | ||||||||
#ffddb3 | #ffc680 | #ffaf4d | #ff981a | #e67e00 | #b36200 | #804600 | #4d2a00 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
orangered | #ff4500 | rgb(255,69,0) | 324 | |||||
shades | ||||||||
#ffc7b3 | #ffa280 | #ff7c4d | #ff571a | #e63d00 | #b33000 | #802200 | #4d1400 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
Oranges Colors
Yellows Colors
lightyellows | #ffffe0 | rgb(255,255,224) | 734 | |||||
shades | ||||||||
#ffffb3 | #ffff80 | #ffff4d | #ffff1a | #e6e600 | #b3b300 | #808000 | #4d4d00 | |
hues | ||||||||
#ffe0e0 | #fff7e0 | #f0ffe0 | #e0ffe8 | #e0ffff | #e0e8ff | #f0e0ff | #ffe0f7 |
lemonchiffon | #fffacd | rgb(255,250,205) | 710 | |||||
shades | ||||||||
#fff7b3 | #fff280 | #ffed4d | #ffe81a | #e6cf00 | #b3a100 | #807300 | #4d4500 | |
hues | ||||||||
#ffcccc | #fff2cc | #e6ffcc | #ccffd9 | #ccffff | #ccd9ff | #e6ccff | #ffccf2 |
lightgoldenrodyellow | #fafad2 | rgb(250,250,210) | 710 | |||||
shades | ||||||||
#f7f7ba | #f2f28c | #eded5e | #e8e830 | #cfcf17 | #a1a112 | #73730d | #454508 | |
hues | ||||||||
#fad1d1 | #faf0d1 | #e6fad1 | #d1fadb | #d1fafa | #d1dbfa | #e6d1fa | #fad1f0 |
papayawhip | #ffefd5 | rgb(255,239,213) | 707 | |||||
shades | ||||||||
#ffe2b3 | #ffce80 | #ffbb4d | #ffa71a | #e68e00 | #b36e00 | #804f00 | #4d2f00 | |
hues | ||||||||
#ffd6d6 | #fff5d6 | #ebffd6 | #d6ffe0 | #d6ffff | #d6e0ff | #ebd6ff | #ffd6f5 |
moccasin | #ffe4b5 | rgb(255,228,181) | 664 | |||||
shades | ||||||||
#ffe4b5 | #ffd080 | #ffbe4d | #ffab1a | #e69100 | #b37100 | #805100 | #4d3000 | |
hues | ||||||||
#ffb3b3 | #ffecb3 | #d9ffb3 | #b3ffc6 | #b3ffff | #b3c6ff | #d9b3ff | #ffb3ec |
peachpuff | #ffdab9 | rgb(255,218,185) | 658 | |||||
shades | ||||||||
#ffd6b3 | #ffbb80 | #ffa04d | #ff851a | #e66b00 | #b35300 | #803c00 | #4d2400 | |
hues | ||||||||
#ffb8b8 | #ffedb8 | #dbffb8 | #b8ffc9 | #b8ffff | #b8c9ff | #dbb8ff | #ffb8ed |
palegoldenrod | #eee8aa | rgb(238,232,170) | 640 | |||||
shades | ||||||||
#f2eebf | #eae395 | #e2d86a | #d9cc3f | #c0b326 | #958b1d | #6a6315 | #403c0d | |
hues | ||||||||
#eeaaaa | #eeddaa | #cceeaa | #aaeebb | #aaeeee | #aabbee | #ccaaee | #eeaadd |
yellow | #ffff00 | rgb(255,255,0) | 510 | |||||
shades | ||||||||
#ffffb3 | #ffff80 | #ffff4d | #ffff1a | #e6e600 | #b3b300 | #808000 | #4d4d00 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
gold | #ffd700 | rgb(255,215,0) | 470 | |||||
shades | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf | |
hues | ||||||||
#fff4b3 | #ffec80 | #ffe44d | #ffdd1a | #e6c300 | #b39800 | #806c00 | #4d4100 |
Yellows Colors
Browns Colors
cornsilk | #fff8dc | rgb(255,248,220) | 723 | |||||
shades | ||||||||
#fff0b3 | #ffe680 | #ffdb4d | #ffd11a | #e6b800 | #b38f00 | #806600 | #4d3d00 | |
hues | ||||||||
#ffdbdb | #fff6db | #edffdb | #dbffe4 | #dbffff | #dbe4ff | #eddbff | #ffdbf6 |
blanchedalmond | #ffebcd | rgb(255,235,205) | 695 | |||||
shades | ||||||||
#ffe0b3 | #ffcc80 | #ffb84d | #ffa31a | #e68a00 | #b36b00 | #804d00 | #4d2e00 | |
hues | ||||||||
#ffcccc | #fff2cc | #e6ffcc | #ccffd9 | #ccffff | #ccd9ff | #e6ccff | #ffccf2 |
bisque | #ffe4c4 | rgb(255,228,196) | 679 | |||||
shades | ||||||||
#ffddb3 | #ffc680 | #ffaf4d | #ff981a | #e67e00 | #b36200 | #804600 | #4d2a00 | |
hues | ||||||||
#ffc2c2 | #fff0c2 | #e0ffc2 | #c2ffd1 | #c2ffff | #c2d1ff | #e0c2ff | #ffc2f0 |
khaki | #f0e68c | rgb(240,230,140) | 610 | |||||
shades | ||||||||
#f6f0bb | #f0e68c | #eadd61 | #e5d334 | #cbb91a | #9e9015 | #71670f | #443e09 | |
hues | ||||||||
#f08e8e | #f0d88e | #bff08e | #8ef0a7 | #8ef0f0 | #8ea7f0 | #bf8ef0 | #f08ed8 |
rosybrown | #bc8f8f> | rgb(188,143,143) | 662 | |||||
shades | ||||||||
#e2cfcf | #cfafaf | #bc8f8f | #a97070 | #8f5656 | #704343 | #503030 | #301d1d | |
hues | ||||||||
#bc8f8f | #bcb18f | #a6bc8f | #8fbc9b | #8fbcbc | #8f9bbc | #a68fbc | #bc8fb1 |
wheat | #f5deb3 | rgb(245,222,179) | 646 | |||||
shades | ||||||||
#f6e2bb | #f0ce8e | #eaba61 | #e5a734 | #cb8d1a | #9e6e15 | #714e0f | #442f09 | |
hues | ||||||||
#f5b2b2 | #f5e4b2 | #d4f5b2 | #b2f5c3 | #b2f5f5 | #b2c3f5 | #d4b2f5 | #f5b2e4 |
darkkhaki | #bdb76b | rgb(189,183,107) | 479 | |||||
shades | ||||||||
#bd6b6b | #bda86b | #94bd6b | #6bbd80 | #6bbdbd | #6b80bd | #946bbd | #bd6ba8 | |
hues | ||||||||
#e7e5ca | #d7d4a7 | #c8c384 | #b8b261 | #9e9947 | #7b7737 | #585528 | #353318 |
burlywood | #deb887 | rgb(222,184,135) | 763 | |||||
shades | ||||||||
#efdcc3 | #e4c49b | #d9ad73 | #ce954b | #b47b31 | #8c6026 | #64451b | #3c2910 | |
hues | ||||||||
#de8787 | #dec887 | #b3de87 | #87de9d | #87dede | #879dde | #b387de | #de87c8 |
tan | #d2b48c | rgb(210,180,140) | 530 | |||||
shades | ||||||||
#eadbc8 | #dbc3a3 | #cdab7e | #bf935a | #a57940 | #815e32 | #5c4324 | #372815 | |
hues | ||||||||
#d38d8d | #d3c18d | #b0d38d | #8dd39f | #8dd3d3 | #8d9fd3 | #b08dd3 | #d38dc1 |
sandybrown | #f4a460 | rgb(244,164,96) | 484 | |||||
shades | ||||||||
#fad7b7 | #f7bc88 | #f3a158 | #f08628 | #d76c0f | #a7540c | #773c08 | #482405 | |
hues | ||||||||
#f46262 | #f4cf62 | #abf462 | #62f486 | #62f4f4 | #6286f4 | #ab62f4 | #f462cf |
goldenrod | #daa520 | rgb(218,165,32) | 415 | |||||
shades | ||||||||
#f5e5bc | #eed490 | #e8c264 | #e1b137 | #c8981e | #9b7617 | #6f5411 | #43330a | |
hues | ||||||||
#d92020 | #d9ab20 | #7dd920 | #20d94f | #20d9d9 | #204fd9 | #7d20d9 | #d920ab |
peru | #cd853f | rgb(205,133,63) | 401 | |||||
shades | ||||||||
#efd9c2 | #e5bf9a | #daa671 | #d08c49 | #b6732f | #8e5925 | #65401a | #3d2610 | |
hues | ||||||||
#ce4040 | #ceab40 | #87ce40 | #40ce64 | #40cece | #4064ce | #8740ce | #ce40ab |
chocolate | #d2691e | rgb(210,105,30) | 345 | |||||
shades | ||||||||
#efd9c2 | #e5bf9a | #daa671 | #d08c49 | #b6732f | #8e5925 | #65401a | #3d2610 | |
hues | ||||||||
#ce4040 | #ceab40 | #87ce40 | #40ce64 | #40cece | #4064ce | #4064ce | #ce40ab |
darkgoldenrod | #b8860b | rgb(184,134,11) | 329 | |||||
shades | ||||||||
#fbe8b7 | #f8d887 | #f5c856 | #f2b926 | #d99f0d | #a97c0a | #785807 | #483504 | |
hues | ||||||||
#b70b0b | #b78c0b | #61b70b | #0bb736 | #0bb7b7 | #0b36b7 | #610bb7 | #b70b8c |
sienna | #a0522d | rgb(160,82,45) | 287 | |||||
shades | ||||||||
#eed1c3 | #e3b29c | #d89374 | #cd754c | #b35b32 | #8b4727 | #63331c | #3c1e11 | |
hues | ||||||||
#9f2d2d | #9f832d | #669f2d | #2d9f49 | #2d9f9f | #2d499f | #662d9f | #9f2d83 |
brown | #a52a2a | rgb(165,42,42) | 249 | |||||
shades | ||||||||
#efc2c2 | #e59a9a | #da7171 | #d04949 | #b62f2f | #8e2525 | #651a1a | #3d1010 | |
hues | ||||||||
#a52a2a | #a6872b | #69a62b | #2ba64a | #2ba6a6 | #2b4aa6 | #692ba6 | #a62b87 |
saddlebrown | rgb(139,69,19) | 227 | ||||||
shades | ||||||||
#f6d4bc | #f0b78f | #f0b78f | #e37e35 | #ca641c | #9d4e15 | #70380f | #432109 | |
hues | ||||||||
#8b1313 | #8b6d13 | #4f8b13 | #138b31 | #138b8b | #13318b | #4f138b | #8b136d |
maroon | #800000 | rgb(128,0,0) | 128 | |||||
shades | ||||||||
#ffb3b3 | #ff8080 | #ff4d4d | #ff1a1a | #e60000 | #b30000 | #800000 | #4d0000 | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
Browns Colors
Greens Colors
palegreen | #98fb98 | rgb(152,251,152) | 555 | |||||
shades | ||||||||
#b5fcb5 | #84fb84 | #53f953 | #22f722 | #08dd08 | #06ac06 | #047b04 | #034a03 | |
hues | ||||||||
#fb9898 | #fbe298 | #c9fb98 | #98fbb1 | #98fbfb | #98b1fb | #c998fb | #fb98e2 |
lightgreen | #90ee90 | rgb(144,238,144) | 526 | |||||
shades | ||||||||
#bdf5bd | #90ee90 | #65e765 | #38e038 | #1fc71f | #189a18 | #116e11 | #0a420a | |
hues | ||||||||
#ee9191 | #eed791 | #bfee91 | #91eea8 | #91eeee | #91a8ee | #bf91ee | #ee91d7 |
greenyellow | #adff2f | rgb(173,255,47) | 475 | |||||
shades | ||||||||
#e0ffb3 | #ccff80 | #b8ff4d | #a3ff1a | #8ae600 | #6bb300 | #4d8000 | #2e4d00 | |
hues | ||||||||
#ff2e2e | #ffcb2e | #adff2f | #2eff2e | #2eff62 | #2effff | #962eff | #ff2ecb |
darkseagreen | #8fbc8f | rgb(143,188,143) | 474 | |||||
shades | ||||||||
#cfe2cf | #afcfaf | #8fbc8f | #70a970 | #568f56 | #437043 | #305030 | #1d301d | |
hues | ||||||||
#bc8f8f | #bcb18f | #a6bc8f | #8fbc9b | #8fbcbc | #8f9bbc | #a68fbc | #bc8fb1 |
mediumspringgreen | #00fa9a | rgb(0,250,154) | 404 | |||||
shades | ||||||||
#b3ffe2 | #80ffce | #4dffbb | #1affa7 | #00e68e | #00b36e | #00804f | #004d2f | |
hues | ||||||||
#fa0000 | #fabb00 | #7dfa00 | #00fa3e | #00fafa | #003efa | #7d00fa | #fa00bb |
chartreuse | #7fff00 | rgb(127,255,0) | 382 | |||||
shades | ||||||||
#d9ffb3 | #bfff80 | #a6ff4d | #8cff1a | #73e600 | #59b300 | #408000 | #264d00 | |
hues | ||||||||
#ff0000 | #ffbf00 | #7fff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
springgreen | #00ff7f | rgb(0,255,127) | 382 | |||||
shades | ||||||||
#b3ffd9 | #80ffbf | #4dffa6 | #1aff8c | #00e673 | #00b359 | #008040 | #004d26 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
lawngreen | #7cfc00 | rgb(124,252,0) | 376 | |||||
shades | ||||||||
#d9ffb3 | #bfff80 | #a6ff4d | #8cff1a | #73e600 | #59b300 | #408000 | #264d00 | |
hues | ||||||||
#fa0000 | #fabb00 | #7cfc00 | #00fa3e | #00fafa | #003efa | #7d00fa | #fa00bb |
mediumseagreen | #3cb371 | rgb(60,179,113) | 352 | |||||
shades | ||||||||
#c6ecd7 | #9fdfbc | #79d2a1 | #53c687 | #39ac6d | #2d8655 | #20603d | #133924 | |
hues | ||||||||
#b43c3c | #b4963c | #78b43c | #3cb45a | #3cb4b4 | #3c5ab4 | #783cb4 | #b43c96 |
limegreen | #32cd32 | rgb(50,205,50) | 305 | |||||
shades | ||||||||
#c1f0c1 | #98e698 | #6fdc6f | #46d246 | #2db92d | #239023 | #196719 | #0f3e0f | |
hues | ||||||||
#cd3232 | #cda632 | #80cd32 | #32cd59 | #32cdcd | #3259cd | #8032cd | #cd32a6 |
olive | #6b8e23 | rgb(107,142,35) | 284 | |||||
shades | ||||||||
#f2f9e5 | #d9ecb2 | #c0df7f | #a7d34c | #87b32c | #608020 | #3a4d13 | #131a06 | |
hues | ||||||||
#238e8d | #238e61 | #3e8e23 | #6b8e23 | #8e8423 | #8e5823 | #8e2b23 | #8e2347 |
seagreen | #2e8b57 | rgb(46,139,87) | 272 | |||||
shades | ||||||||
#c6ecd6 | #9fdfbb | #79d2a0 | #53c685 | #39ac6b | #2d8653 | #20603b | #133924 | |
hues | ||||||||
#8a2e2e | #8a732e | #5c8a2e | #2e8a45 | #2e8a8a | #2e458a | #5c2e8a | #8a2e73 |
olive | #808000 | rgb(128,128,0) | 256 | |||||
shades | ||||||||
#ffffb3 | #ffff80 | #ffff4d | #ffff1a | #e6e600 | #b3b300 | #808000 | #4d4d00 | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
lime | #00ff00 | rgb(0,255,0) | 255 | |||||
shades | ||||||||
#b3ffb3 | #80ff80 | #4dff4d | #1aff1a | #00e600 | #00b300 | #008000 | #004d00 | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
darkolivegreen | #556b2f | rgb(85,107,47) | 239 | |||||
shades | ||||||||
#f1f5e9 | #d4e2bd | #b8ce90 | #9bbb64 | #7b9b44 | #586f31 | #35421d | #12160a | hues |
#2f696b | #2f6b54 | #3c6b2f | #556b2f | #6b682f | #6b4f2f | #6b362f | #6b2f41 |
forestgreen | #228b22 | rgb(34,139,34) | 255 | |||||
shades | ||||||||
#c1f0c1 | #98e698 | #6fdc6f | #46d246 | #2db92d | #239023 | #196719 | #0f3e0f | |
hues | ||||||||
#8c2222 | #8c7122 | #578c22 | #228c3c | #228c8c | #223c8c | #57228c | #8c2271 |
green | #008000 | rgb(0,128,0) | 128 | |||||
shades | ||||||||
#b3ffb3 | #80ff80 | #4dff4d | #1aff1a | #00e600 | #00b300 | #008000 | #004d00 | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
darkgreen | #006400 | rgb(0,100,0) | 100 | |||||
shades | ||||||||
#b3ffb3 | #80ff80 | #4dff4d | #1aff1a | #00e600 | #00b300 | #008000 | #004d00 | |
hues | ||||||||
#660000 | #664d00 | #336600 | #00661a | #006666 | #001a66 | #330066 | #66004d |
Greens Colors
Cyans Colors
lightcyan | #e0ffff | rgb(224,255,255) | 734 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#ffe0e0 | #fff7e0 | #f0ffe0 | #e0ffe8 | #e0ffff | #e0e8ff | #f0e0ff | #ffe0f7 |
paleturquoise | #afeeee | rgb(175,238,238) | 651 | |||||
shades | ||||||||
#c0f2f2 | #96e9e9 | #6ce0e0 | #42d7d7 | #28bdbd | #1f9393 | #166969 | #0d3f3f | |
hues | ||||||||
#eeafaf | #eedeaf | #cfeeaf | #afeebf | #afeeee | #afbfee | #cfafee | #eeafde |
aquamarine | #7fffd4 | rgb(127,255,212) | 594 | |||||
shades | ||||||||
#b3ffe6 | #7fffd4 | #4dffc3 | #1affb2 | #00e699 | #00b377 | #008055 | #004d33 | |
hues | ||||||||
#ff8080 | #ffdf80 | #bfff80 | #80ff9f | #80ffff | #809fff | #bf80ff | #ff80df |
aqua | #00ffff | rgb(0,255,255) | 510 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
cyan | #00ffff | rgb(0,255,255) | 510 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
turquoise | #40e0d0 | rgb(64,224,208) | 496 | |||||
shades | ||||||||
#bdf4ef | #91ede4 | #65e6d9 | #3adfce | #20c5b5 | #199a8d | #126e64 | #0b423c | |
hues | ||||||||
#e03e3e | #e0b73e | #8fe03e | #3ee066 | #3e66e0 | #3ee0e0 | #8f3ee0 | #e03eb7 |
mediumturquoise | #48d1cc | rgb(72,209,204) | 485 | |||||
shades | ||||||||
#c2f0ee | #99e6e3 | #70dbd8 | #48d1cc | #2eb8b3 | #248f8b | #196663 | #0f3d3c | |
hues | ||||||||
#d14747 | #d1af47 | #8cd147 | #47d16a | #47d1d1 | #476ad1 | #8c47d1 | #d147af |
mediumaquamarine | #66cdaa | rgb(102,205,170) | 477 | |||||
shades | ||||||||
#c5ecdf | #9fe0ca | #78d3b5 | #52c7a0 | #38ad86 | #2c8768 | #1f604b | #133a2d | |
hues | ||||||||
#cd6565 | #cdb365 | #99cd65 | #65cd7f | #65cdcd | #657fcd | #9965cd | #cd65b3 |
darkturquoise | #00ced1 | rgb(0,206,209) | 415 | |||||
shades | ||||||||
#b3feff | #80fdff | #4dfcff | #1afbff | #00e2e6 | #00b0b3 | #007d80 | #004b4d | |
hues | ||||||||
#d10000 | #d19d00 | #69d100 | #00d134 | #00d1d1 | #0034d1 | #6900d1 | #d1009d |
lightseagreen | #20b2aa | rgb(32,178,170) | 380 | |||||
shades | ||||||||
#bef4f1 | #93ece7 | #67e4de | #3cddd5 | #22c3bb | #1b9891 | #136c68 | #0b413e | |
hues | ||||||||
#b21f1f | #b28d1f | #69b21f | #1fb244 | #1fb2b2 | #1f44b2 | #691fb2 | #b21f8d |
darkcyan | #008b8b | rgb(0,139,139) | 278 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#8a0000 | #8a6700 | #458a00 | #008a22 | #008b8b | #00228a | #45008a | #8a0067 |
teal | #008080 | rgb(0,128,128) | 256 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#800000 | #806000 | #408000 | #008020 | #008080 | #002080 | #400080 | #800060 |
Cyans Colors
Blues Colors
powderblue | #b0e0e6 | rgb(176,224,230) | 630 | |||||
shades | ||||||||
#c5e8ed | #9ed9e0 | #77c9d4 | #51bac8 | #37a0ae | #2b7d88 | #1f5961 | #12353a | |
hues | ||||||||
#e7b1b1 | #e7d9b1 | #cce7b1 | #b1e7bf | #b1e7e7 | #b1bfe7 | #ccb1e7 | #e7b1d9 |
lightblue | #add8e6 | rgb(173,216,230) | 619 | |||||
shades | ||||||||
#c4e3ed | #9dd0e1 | #76bdd5 | #4fabc9 | #3691b0 | #2a7189 | #1e5162 | #12303b | |
hues | ||||||||
#e6adad | #e6d8ad | #c9e6ad | #ade6bb | #ade6e6 | #adbbe6 | #c9ade6 | #e6add8 |
lightsteelblue | #b0c4de | rgb(176,196,222) | 594 | |||||
shades | ||||||||
#c9d7e8 | #a5bcd9 | #81a1ca | #5d86bb | #446ca2 | #35547e | #263c5a | #172436 | |
hues | ||||||||
#deb0b0 | #ded2b0 | #c7deb0 | #b0debb | #b0dede | #b0bbde | #c7b0de | #deb0d2 |
lightskyblue | #87cefa | rgb(135,206,250) | 591 | |||||
shades | ||||||||
#b6e1fc | #87cefa | #54b9f8 | #23a5f6 | #098bdc | #076cab | #054d7a | #032e49 | |
hues | ||||||||
#fa8585 | #fadd85 | #bffa85 | #85faa2 | #85fafa | #85a2fa | #bf85fa | #fa85dd |
skyblue | #87ceeb | rgb(135,206,235) | 576 | |||||
shades | ||||||||
#bee5f4 | #92d3ed | #66c1e5 | #3bb0de | #2196c4 | #1a7599 | #12536d | #0b3241 | |
hues | ||||||||
#eb8989 | #ebd389 | #baeb89 | #89eba2 | #89ebeb | #89a2eb | #ba89eb | #eb89d3 |
cornflowerblue | #6495ed | rgb(100,149,237) | 486 | |||||
shades | ||||||||
#bee5f4 | #92d3ed | #66c1e5 | #3bb0de | #2196c4 | #1a7599 | #12536d | #0b3241 | |
hues | ||||||||
#eb8989 | #ebd389 | #baeb89 | #89eba2 | #89ebeb | #89a2eb | #ba89eb | #eb89d3 |
deepskyblue | #00bfff | rgb(0,191,255) | 446 | |||||
shades | ||||||||
#b3ecff | #80dfff | #4dd2ff | #1ac6ff | #00ace6 | #0086b3 | #006080 | #00394d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
dodgerblue | #1e90ff | rgb(30,144,255) | 429 | |||||
shades | ||||||||
#b3d9ff | #80bfff | #4da6ff | #1a8cff | #0073e6 | #0059b3 | #004080 | #00264d | |
hues | ||||||||
#ff1f1f | #ffc71f | #8fff1f | #1fff57 | #1fffff | #1f57ff | #8f1fff | #ff1fc7 |
royalblue | #4169e1 | rgb(65,105,225) | 425 | |||||
shades | ||||||||
#bdcbf5 | #91a8ee | #6585e7 | #3862e0 | #1f49c7 | #18399a | #11286e | #0a1842 | |
hues | ||||||||
#e14141 | #e1b941 | #91e141 | #41e169 | #41e1e1 | #4169e1 | #9141e1 | #e141b9 |
cadetblue | #5f9ea0 | rgb(95,158,160) | 413 | |||||
shades | ||||||||
#cfe2e2 | #afcecf | #8fbbbc | #70a7a9 | #568e8f | #436e70 | #304f50 | #1d2f30 | |
hues | ||||||||
#9f6060 | #9f8f60 | #809f60 | #609f70 | #609f9f | #60709f | #80609f | #9f608f |
steelblue | #4682b4 | rgb(70,130,180)> | 380 | |||||
shades | ||||||||
#c8daea | #a3c2db | #7eaacd | #5a91bf | #4078a5 | #325d81 | #24435c | #152837 | |
hues | ||||||||
#b44646 | #b49846 | #7db446 | #46b461 | #46b4b4 | #4661b4 | #7d46b4 | #b44698 |
blue | #0000ff | rgb(0,0,255) | 255 | |||||
shades | ||||||||
#b3b3ff | #8080ff | #4d4dff | #1a1aff | #0000e6 | #0000b3 | #000080 | #00004d | |
hues | ||||||||
#ff0000 | #ffbf00 | #80ff00 | #00ff40 | #00ffff | #0040ff | #8000ff | #ff00bf |
mediumblue | #0000cd | rgb(0,0,205) | 205 | |||||
shades | ||||||||
#b3b3ff | #8080ff | #4d4dff | #1a1aff | #0000e6 | #0000b3 | #000080 | #00004d | |
hues | ||||||||
#cc0000 | #cc9900 | #66cc00 | #00cc33 | #00cccc | #0033cc | #6600cc | #cc0099 |
midnightblue | #191970 | rgb(25,25,112) | 162 | |||||
shades | ||||||||
#c0c0f1 | #9696e8 | #6d6ddf | #4343d6 | #2929bc | #202092 | #171769 | #0e0e3f | |
hues | ||||||||
#711919 | #715b19 | #457119 | #19712f | #197171 | #192f71 | #451971 | #71195b |
darkblue | #00008b | rgb(0,0,139) | 139 | |||||
shades | ||||||||
#b3b3ff | #8080ff | #4d4dff | #1a1aff | #0000e6 | #0000b3 | #000080 | #00004d | |
hues | ||||||||
#00004d | #8a6700 | #458a00 | #008a22 | #008a8a | #00228a | #45008a | #8a0067 |
Blues Colors
Whites Colors
white | #ffffff | rgb(255,255,255) | 765 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#ffffff | #ffffff | #ffffff | #ffffff | #ffffff | #ffffff | #ffffff | #ffffff |
snow | #fffafa | rgb(255,250,250) | 755 | |||||
shades | ||||||||
#ffb3b3 | #ff8080 | #ff4d4d | #ff1a1a | #e60000 | #b30000 | #800000 | #4d0000 | |
hues | ||||||||
#fffafa | #fffefa | #fcfffa | #fafffb | #faffff | #fafbff | #fcfaff | #fffafe |
ghostwhite | #f8f8ff | rgb(248,248,255) | 751 | |||||
shades | ||||||||
#b3b3ff | #8080ff | #4d4dff | #1a1aff | #0000e6 | #0000b3 | #000080 | #00004d | |
hues | ||||||||
#fffafa | #fffefa | #fcfffa | #fafffb | #faffff | #fafbff | #fcfaff | #fffafe |
ivory | #fffff0 | rgb(255,255,240) | 750 | |||||
shades | ||||||||
#ffffb3 | #ffff80 | #ffff4d | #ffff1a | #e6e600 | #b3b300 | #808000 | #4d4d00 | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
mintcream | #f5fffa | rgb(245,255,250) | 750 | |||||
shades | ||||||||
#b3ffd9 | #80ffbf | #4dffa6 | #1aff8c | #00e673 | #00e673 | #008040 | #004d26 | |
hues | ||||||||
#fff5f5 | #fffcf5 | #fafff5 | #f5fff7 | #f5ffff | #f5f7ff | #faf5ff | #fff5fc |
azure | #f0ffff | rgb(240,255,255) | 750 | |||||
shades | ||||||||
#b3ffff | #80ffff | #4dffff | #1affff | #00e6e6 | #00b3b3 | #008080 | #004d4d | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
floralwhite | #fffaf0 | rgb(255,250,240) | 745 | |||||
shades | ||||||||
#ffe6b3 | #ffd480 | #ffc34d | #ffb31a | #e69900 | #b37700 | #805500 | #4d3300 | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
aliceblue | #f0f8ff | rgb(240,248,255) | 743 | |||||
shades | ||||||||
#b3dbff | #80c3ff | #4dacff | #1a94ff | #007ae6 | #005fb3 | #004480 | #00294d | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
lavenderblush | #fff0f5 | rgb(255,240,245) | 740 | |||||
shades | ||||||||
#ffb3cc | #ff80aa | #ff4d88 | #ff1a66 | #e6004c | #b3003b | #80002a | #4d0019 | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
seashell | #fff5ee | rgb(255,245,238) | 738 | |||||
shades | ||||||||
#ffd2b3 | #ffb580 | #ff974d | #ff791a | #e66000 | #b34a00 | #803500 | #4d2000 | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
whitesmoke | #f5f5f5 | rgb(245,245,245) | 735 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 |
honeydew | #f0fff0 | rgb(240,255,240) | 735 | |||||
shades | ||||||||
#b3ffb3 | #80ff80 | #4dff4d | #1aff1a | #00e600 | #00b300 | #008000 | #004d00 | |
hues | ||||||||
#fff0f0 | #fffbf0 | #f7fff0 | #f0fff4 | #f0ffff | #f0f4ff | #f7f0ff | #fff0fb |
oldlace | #fdf5e6 | rgb(253,245,230) | 728 | |||||
shades | ||||||||
#f9e3b8 | #f5d089 | #f2bd5a | #eeaa2b | #d49011 | #a5700d | #76500a | #473006 | |
hues | ||||||||
#fde7e7 | #fdf8e7 | #f2fde7 | #e7fded | #e7fdfd | #e7edfd | #f2e7fd | #fde7f8 |
linen | #faf0e6 | rgb(250,240,230) | 720 | |||||
shades | ||||||||
#f2d9bf | #eabf95 | #e2a66a | #d98c3f | #c07326 | #95591d | #6a4015 | #40260d | |
hues | ||||||||
#fae5e5 | #faf5e5 | #f0fae5 | #e5faeb | #e5fafa | #e5ebfa | #f0e5fa | #fae5f5 |
beige | #f5f5dc | rgb(245,245,220) | 710 | |||||
shades | ||||||||
#f9e3b8 | #f5d089 | #f2bd5a | #eeaa2b | #d49011 | #a5700d | #76500a | #473006 | |
hues | ||||||||
#fde7e7 | #fdf8e7 | #f2fde7 | #e7fded | #e7fdfd | #e7edfd | #f2e7fd | #fde7f8 |
mistyrose | #ffe4e1 | rgb(255,228,225) | 708 | |||||
shades | ||||||||
#ffbab3 | #ff8c80 | #ff5e4d | #ff301a | #e61700 | #b31200 | #800d00 | #4d0800 | |
hues | ||||||||
#ffe0e0 | #fff7e0 | #f0ffe0 | #e0ffe8 | #e0ffff | #e0e8ff | #f0e0ff | #ffe0f7 |
antiquewhite | #faebd7 | rgb(250,235,215) | 700 | |||||
shades | ||||||||
#f7ddbb | #f1c68e | #ebaf60 | #e69833 | #cc7f19 | #9f6314 | #71460e | #442a08 | |
hues | ||||||||
#fad6d6 | #faf1d6 | #e8fad6 | #d6fadf | #d6fafa | #d6dffa | #e8d6fa | #e8d6fa |
Whites Colors
Greys or Grays Colors
gainsboro | #dcdcdc | rgb(220,220,220) | 660 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#dbdbdb | #dbdbdb | #dbdbdb | #dbdbdb | #dbdbdb | #dbdbdb | #dbdbdb | #dbdbdb |
lightgray | #d3d3d3 | rgb(211,211,211) | 633 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 |
silver | #c0c0c0 | rgb(192,192,192) | 576 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 | #d3d3d3 |
darkgray | #a9a9a9 | rgb(169,169,169) | 507 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 |
lightslategray | #778899 | rgb(119,136,153) | 408 | |||||
shades | ||||||||
#d3d9de | #b6bfc8 | #99a6b2 | #7c8c9c | #637383 | #4d5966 | #374049 | #21262c | |
hues | ||||||||
#987676 | #989076 | #879876 | #76987f | #769898 | #767f98 | #877698 | #987690 |
gray | #808080 | rgb(169,169,169) | 507 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
slategray | #708090 | rgb(112,128,144) | 384 | |||||
shades | ||||||||
#d4d9de | #b7bfc8 | #9aa6b1 | #7d8c9b | #647382 | #4e5965 | #374048 | #21262b | |
hues | ||||||||
#906f6f | #90886f | #80906f | #6f9077 | #6f9090 | #6f7790 | #806f90 | #906f88 |
dimgray | #696969 | rgb(105,105,105) | 315 | |||||
shades | ||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | |
hues | ||||||||
#696969 | #696969 | #696969 | #696969 | #696969 | #696969 | #696969 | #696969 |
darkslategray | #2f4f4f | rgb(47,79,79) | 205 | |||||
shades | ||||||||
#cfe2e2 | #afcfcf | #8fbcbc | #70a9a9 | #568f8f | #437070 | #2f4f4f | #1d3030 | |
hues | ||||||||
#503030 | #504830 | #405030 | #305038 | #2f4f4f | #303850 | #403050 | #503048 |
black | #000000 | rgb(0,0,0) | 0 | ||||||
shades | |||||||||
#d9d9d9 | #bfbfbf | #a6a6a6 | #8c8c8c | #737373 | #595959 | #404040 | #262626 | ||
hues | |||||||||
#000000 | #000000 | #000000 | #000000 | #000000 | #000000 | #000000 | #000000 | #000000 |
Greys or Grays Colors
Note: both spellings greys and grays can be used.
Color Kinds
Light & Hue
Welcome wanderers and wonderers
About us
Inspired by
W3Schools Colors Tutorial,
ColorSlurp,
Color Kit,
MDIGI,
Make IT,
and truly countless others...
W3 has provided 140 standard named colors. People tend to see three kinds of color. Hue we see in the rainbows of colors that are of a similar saturation and light range. light we see as a colorful or luminous white-to-black scale. shade is similar to light, yet subdued in the gentle overlay of shade. Hue, light and shade define our color experience.
Inspired by the many ways that we create, communicate, and observe color at
W3Schools Colors Tutorial,
Natural Color,
Color Picker,
Color Schemes...
Color Shades Generator
monochromatic (mono)
analogous (like)
complementary (twin)
triadic (trip)
compound (fuse)
Color Pick 5
MDN lesson on Color Schemes,
Micro Digital Tools,
ColorSlurp,
tints and shades,
Color Kit,
Name that Color,
Colblindor,
RapidTables,
Color Combos,
MDN,
W3C,
Hexadecimal Fun,
and truly countless others...
Riverleaf is a natural occurence as well as a poetic description of what is Internet. Use riverleaf to learn and resource the webs named colors. But don't stop here!
Named colors, or simply nc are an amazing innovation. But first the why-and-how background of our color design.
Tools
Color Picker Why "tools"? W3Schools’ Color Picker tool visually explains hue by examining one color at a time. Color Picker features a Lighter/Darker scale based on the total luminosity or TL of a specific color, followed by Hue, followed by Lightness. Each color lightness (R+G+B=TL, expressed as deg) may or may not appear as ‘brighter’ depending on existing individual color blindness (we are all measurably color blind). However, this 'light' scale is graded in 20 5% steps between 0 and 100%. nc values seldom match W3Shools stepping: that is, each color TL seldom is an exact integer of 5 or 10. For example, in the Color Picker the nc "Pink" is 88%, between but not on any of the 20 lighter 100% to darker deg Color Picker steps.x
So counting balanced 5% or 10% steps we cannot include pink as part of even increments in the Color Picker. Pink is displayed as an offset between 85% and 90%. Offset does not occur for nc colors with hex pairs (e.g., red 50% is #ff0000 with 3 hex pairs - see below, why 8). Pairing hex colors always fall exactly in a '5' or '10' increment! The implications of light have engaged science for millennia and are not fully understood. We provide light values as a lighter-to-darker palette, with hex values. The lightness ranges from deg for black to 100% for white.
Why "hue"? W3Schools decided to guide students to pick colors while respecting the luminous intensity of each color by matching that intensity to a rainbow of colors. The rainbow colors that display hue are red-yellow-green-cyan-blue-magenta-red: 6 base colors in twenty shade-steps, so that 20 colors meld into each other in 20 evenly spaced Color Picker hues. The brightness of each hue rainbow matches the lightness of the color examined by the Color Picker (TL). So the yellow Hue rainbow is brighter than the blue Hue rainbow. Each rainbow uses the TL deg increments 0-15-30-45-60-75-90-105-120-135-150-165-180-195-210-225-240-255-270-285-300-315-330-345-360. The hue angle (also known as color stop) ranges from 0 to 360 degrees.
Shading
Why shade? Light scales and shade scales both display darkness around any particular color. KunRuch Creations provides the perfect tool to display a fully luminous gradient or color depth in a light-dark scale. White saturation on left melds into black saturation on the right, gets deployed in a shade scale: MDiGi Color Shades Generator, that is similar to W3’s Color Picker Saturation scale, except that the later only offers midrange grey saturation. All that being appreciated, the shade scale looks almost identical to the light scale. We chose light over shade, to display and compare appearance for all nc.
Why 8 samples in each color scale? HTML color is most often coded as a hexadecimal value.
hex·a·dec·i·mal relating to or using a system of numerical notation that has 16 rather than 10 as its base: a string of hexadecimal characters, abbreviated and spoken as "hex"
Hex color commonly uses 6 digits: #rrggbb. Color Picker uses hex to scale 20 Lighter/Darker shades from deg to 100% for each nc and and scales 24 hex hues from 0ᴼ to 360ᴼ for each nc. From the Color Picker, we take 8 of the Lighter/Darker values (15% 25% 35% 45% 55% 65% 75% 85%) and 8 hues (0ᴼ 45ᴼ 90ᴼ 135ᴼ 180ᴼ 225ᴼ 270ᴼ 315ᴼ). 8 shades and 8 hues for each nc.
Color hexadecimal values are the most popular code format. 16 character-values 0-1-2-3-4-5-6-7-8-9-a-b-c-d-e-f create web hex color in the CSS format color: #123abc01;
. 6 alphanumeric characters 123abc
describe color rrggbb
. 2 following numeric characters (if present) 01-99
describe transparency.
Like rgb color, hex color uses red-green-blue mix. Hex alphanumeric value rrggbb
is base-16. So, hex is more compact than rgb, because base 16 or 16-bit hex has 6 more digits than the base-10 or 10-bit rgb. Where rgb requires 18 characters and spaces rgb(rrr, ggg, bbb)
, hex only needs a hash # and 6 characters #rrggbb
to describe the same color!
For example, pink is hex #ffc0cb, or rgb(255, 192, 203). The TL for Pink is 650. Color rgb is useful for calculating total luminosity, by adding rrr+ggg+bbb=TL. TL helps us to sort nc color groups. In each color group, nc are arranged from highest TL to lowest TL. That is, from brightest to darkest color.
TL ignores human color blindness!
The hex and the rgb values for nc are listed at HTML Color Groups and are also shown in Color Picker.
Welcome
Appearance
We list nc like this. Caution, samples below are linked. Press ⌘·← to return here, if you click on a sample link below and wish to return here. In our site wide color-hue exploration, colors and related shades can easily cross-link. That is, Pink color links to Pinks shades and visa versa.
pink | #FFC0CB | rgb(255, 192, 203) | 650 | |||||
shades | ||||||||
#ffb3bf | #ff8095 | #ff4d6a | #ff1a40 | #e60026 | #b3001e | #800015 | #4d000d | |
hues | ||||||||
#ffc2c2 | #fff0c2 | #e0ffc2 | #c2ffd1 | #c2ffff | #c2d1ff | #e0c2ff | #ffc2f0 |
Web color combines math and science beautifully, just as eight samples respect both global popularity and natural numeric balance of the hex code around light and hue. Hex color is interesting, easy to use and popular.
Appearance
How?
On this page, a collection of all 140 nc link between simple color group blocks of each nc and light/hue samples for each nc below those simple blockss.
Schools teach lots about colors. So each color‘s breakouts may promise far more extension than we have space for here. We simply show color samples with code clips to copy and reproduce demonstrated color samples. We keep all 140 named color data on just one page.
Each named color features in 2 parts, Names and Kinds. Names features each nc in a single floating color data block: e.g., Pink block floats left of similarly floating LightPink Name block. Kinds features each nc in a stacked table block with light and hue resource. W3Schools resource HTML Table Colspan & Rowspan defines our simple table construction, for those who want to build something similar.
W3 Schools opens shades, mix and many other color resources on many pages. Here we deploy Names and Kinds using friendly fonts Comic Mono (a free Github resource) and Comic Neue (a free Google resource). Many thanks to all, in those two domains.
Welcome wanderers and wonderers
About...
We use color cube samples. Named Colors are sorted using 2 methods online, the luminescent method and the equipolent method. The css user-select
attribute or ‘usa’ makes it easy to select and copy color values here.
Example (tap): rgb(255, 192, 203)
Just click and copy each color value! Traditional color group navigation and Color bars fixed at top and bottom of this page make it easy to browse to specific colors. Color groups link from the top color bar, while shades link from the bottom color bar.
Many resources are deployed here, not limited to the following.
- Standard Color Groups, Color Picker (luminescent), Color Mixer (equipolent), Web Safe Color and Color Converter are a few of many useful tools at W3 Schools, where we all need to humble and learn. Because that’s where current public web Standards live.
- Luminescent method (mdigi.tools) inserts each named color cube acording to that color’s vibrant luminance in the Light-to-Dark flow.
- Equipolent method (maketintsandshades.com) evaluates each named color cube between lighter-and-darker cubes. Equipolence shades named colors with strictly white and grey bias.
We launched our web color project into the wider artistic appeal of Luminesence. W3 adoption of named colors develops wonderful luminance in its colorful lighting of hue in the White Colors group. Word Perfect is an example of a publishing platform that for decades has championed equipolent web design. In the global color industry, graphic interests tend to favour luminance, while architecture interests stronly sanction equipolence. Color version 3 is an active ©Riverleaf™ project from 2000 January - 2023 March.
Color Wheel Issues
Issue 1
Worrying? Trend would be a flood of attempts to unofficially ‘standardize’ any mass of ‘all’ .com/.edu/.etc colornames to extend the existing mono-like-twin-trip-fuse W3Schools color wheel agreement (SaaSHub by macOS Sierra, still at work documenting yet another inclusion)? Promising over 10,000 new universal color names, maybe through Google or Wikipedia. W3Schools extension of its HTML Color Picker page in 2023 indicates gathering momentum. That would radically alter this nc page.
Issue 1
Issue 2
2023 April Adobe MDiGi changed its Color Shades Generator from the new W3Schools 2023 March Color Picker Lighter/Darker (which is threatened with extinction by the newest 2023 April Color Picker Lightness) to the newer Color Picker Saturation. At the same time MDiGi removed saturation from its Color Shades Generator. nc change is definitely chaotic at source in the year 2023...
Issue 2
Issue 3
Now, there is no online tool to process the specific 140 named colors. W3 has provided five (5) color wheels with each wheel processing 36 un-named colors. There is no nc wheel, though subsequent to paying tuition, W3 Schools informed me they might share that 140 color wheel, eventually! Adobe will provide some color wheel tool at cost, but the App Store will also flood!
Unfortunately, aside from the nc 140, every school and corporation has its own named colors, with all of those so-called "Owned & Copyright" but identical named hues seriously competing with each identical ‘other’. Dead water, stuck in the mud. Discovered by a digitally vastly superior Alien race the humans had to color something! But managed only half a broken syllable...
Issue 3
Issue 4
A riverleaf versioning? None of the available free and commercial color tools can be related to Named Colors, that perhaps need a balanced clean up! See below, we use #66b032, found at the bottom of the 5 disconnected W3Schools.com 36-hue color wheels. Does 36 foreshadow html6/css4 extension to 36 colors in each named color group, finally some nc balance?
If only those wheels were optionally sized appropriately with the 140 Named Colors? W3 could proudly brandish the 140 nc monochromatic, analogous, complementary, tridic and compound templates for all to share and learn from. Unlike the consistent Adobe wheel, the Named colors with 5 pinks and 18 greens, etcetera are numerically unbalanced. The nc wheel would not look geometrically and tonally balanced like all those other color wheels. Does human color blindness seem similar to our global nc landscape? Yup.
Outlook? Perhaps in its next rendition, nc will carry exactly 36 color names in each of its existing eleven (11) Color Groups.
36 x 11 = 396 Named Colors! YES!!
Issue 4
Issue 5
SVG was intended to provide support (still waiting) with color scheme inheritance. MDN is developing prefers-color-scheme for an eventual CSS Named Colors alternative and supplement to SVG and iframe. There is a solid science and math framework being actively developed.
Build that W3 color wheel for 140?
360 degrees / 140 = 2.571428571428571428... degrees repeating. So our 140 nc sections of the 360 wheel are each 2.571428 degrees. This bakes a good pie, using Google Colors. This seems to be as adhoc as the nc’s youtube history (A B C)... query1 query2 answer 1 answer 2.
Issue 5
Issues pending...
Below, are some W3 tools we'd like to see performing nc color manipulations. W3’s Pick is the only one beginning to offer nc support, naturally!
MDiGi Color Shades Generator
W3 Mono (monochromatic)
W3 Like (analogous)
W3 Twin (complementary)
W3 Trip (triadic)
W3 Fuse (compound)
W3 Pick (5 Color Schemes, evenly spaced hues?)
MDiGi Color Shades Generator... almost there, honestly?
Color Wheel Table Layouts
noname | #66b032 | rgb(102, 176, 50)1876 | |||||||
shade mono·like twin·trip fuse·pick |
|||||||||
#eef8e6 | #cbeab5 | #a8dc83 | #85ce51 | #65ae31 | #487c23 | #2b4a15 | #0e1907 | ||
#ebf7e3 | #9bd770 | #66b032 | #375f1b | #1b3409 | #f0f7d4 | #b2d732 | #66b032 | #347b98 | #092834 |
#f7d7d4 | #a8b814 | #66b032 | #fe2712 | #1b3409 | #f7e9d4 | #fb9902 | #66b032 | #8601af | #1b3409 |
#f7d4e3 | #fca00a | #66b032 | #c21460 | #341809 | #e3f4d7 | #abdd88 | #66b032 | #518b27 | #010301 |
Knowledgebase
Named Color Tables... all good?
W3Schools 2023
web color introduction
This has been an exercise to build a local mirror to the W3 Schools tutorial
“HTML Color Groups”.
There are 140 named colors. Named colors are useful and popular. For example, web designers can simply name something pink, and instantly it is pink. Because pink is one of the 140 named web colors. Just so, we colored the background of this page deepskyblue, forestgreen, sienna. And if you want any color code below, just grab it. Earthy, eh!
web color introduction
Color Wheel Issue
Are we color blind?
Are we color blind?
Yes, we are all color blind. Because we are human beings, the color samples on this page do not show any of us consistently even transitions from light to dark. Irregularities appear everywhere. Yet with mathematical precision the color bands on this page are arranged from lighter to darker, consistently in each color group and in each color band we can consistently share expected unique color experiences.
Message to Colblindor.com 230422: At DDIAE in Toowoomba, Australia Doctors Beirnoff and Wood were quite explicit for a semester, teaching that all people are color blind. Ishahara demonstrates this fact. You manage to avoid confirming this global CVD reality on the Colblindor site. At DDIAE, I was doing a Behavioral Science/Education double major. So what fascinates me about our universal deficiency is the manner in which children learn to be color normal in the first years of life. Why do some of us self-select to claim exceptional CVD? Scientists are learning how to transplant Praying Mantis visual receptors. Dear, Pentagon interest! Please update.
Even more interesting, none of us are color blind the same way. None of us see the same color irregularity in our unique color perceptions! Human color blindness reflects color bias. Greens tend to display the most irregularity for 74% of us (though we all see 'green' traffic lights). Reds most significantly impact 32% of people ('red' Stop signs, understood by all). While blue color blindness can be predominant for only 17% of individuals. Significance, sensitivity and distress may seem harsh color convictions, yet color blindness enriches our human communities with uncontested cultural strength, accomodation and innovation. In many ways, color is central to compassion, empathy and understanding.
How can we be this way without more concern? We learn colors like we learn language. With great attention to detail. We learn and share our “favorite colors”. Wherever our eyes wander, they learn and wonder at our billions of personal rainbows. Which we proudly maintain for as long as we can. Throughout our lives, your very special rainbow is absolutely unique for each of us. Enjoy!
Some of us are almost completely color blind, seeing mainly grey shades. The color blind still experience our shared individuality in color perception. We all learn and share color the same way, as human beings.
Are we color blind?
Groups, names, shades & mix
This page shows one (1) color in the Web 4 (css3 and html5) color group named Pink. This page includes the color name ‘pink’ inside of the group name 'pink'. The color pink includes an hexadecimal equivalent ‘#ffc0cb’, and also the Adobe red-green-blue equivalent ‘rgb(255, 192, 203)’ with a total luminance of 650. That last number, '650' is most significant, as it states the total luminance or light emitted by each color (obtained by adding r+g+b). Color cannot change luminance but color tint describes the brightness or shade of a color. (Note that color blindness always impacts perceived luminance.)
Pink is 1 of the 140 named colors. Always coded correctly in lowercase Latin, named color “pink” is also the name of “Web 4 html” color group called “Pink”. So, pink is a Pink color! And you now know how to read, spell, write, speak and think colors like a computing professional. You are colorful!
Groups, names, shades & mix
w3 schools 2023
web4color
Reference
This document demonstrates css font and color styling and research. Colorband demonstrates that using css transform property with values (-1,-1) to scale h1-h2, h3-h4, h5-h6 (flipping text upside-down) consistently disrupts content flow. The only reliable solution would be typographic: a font created to display upside-down, which does not exist. Transform is strictly intended for reversing l-r and r-l writing on a horizontal line. There is no css method to safely flip text upside down or at any angle. Though transforms can tilt or flip text, such usage is extremly rare. Think of color as an extreme opposite, our life consuming global infatuation.
How about thinking through some raw links to adapt as needed
(these links helped us to build this site).
color blindness
html ≣ the living standard &
mdn color schemes
w3schools.com think color
w3schools.com try pink (hex FFC0CB = #ffc0cb)
w3schools.com color mixer bottom=pink top=white
w3schools.com color mixer bottom=pink top=black
w3schools.com color picker pink
w3schools.com color converter pink
color palette generator
mozilla on named colors
w3c github on named colors
w3.org industrial browser tests...
research named color use
research named color parsing
research named color automation
research named color accidents
named color market
named color futures (meet the family, naturally).
w3schools.com color home
w3schools.com color theory
w3schools.com color wheels
w3schools.com color groups
shutterstock: kerning, leading, and
tracking (crappy form of kearning)
in typography by Alex Clem
Google transform text upside-down
Google text linear gradient
Google css neutral color scheme
Google css neon color scheme
Google css color palette
Google color palette generator
font pairing
css text gradient generator ‹css rainbow text›
shutterstock designer hub
shutterstock about hex color
shutterstock color schemes
colordot color palette generator
colorspace color palette generator
colorkit color palette generator
colormind color palette generator
w3schools.com monochromatic schemes · hues⁵ ᵛⁱˢⁱᵗᴼʳ ᵗʰᵉᵐᵉˢ
w3schools.com analogous schemes · hues⁵ ᵛⁱˢⁱᵗᴼʳ ᵗʰᵉᵐᵉˢ
w3schools.com complimentary schemes · hues⁵ ᵛⁱˢⁱᵗᴼʳ ᵗʰᵉᵐᵉˢ
w3schools.com triadic schemes · hues⁵ ᵛⁱˢⁱᵗᴼʳ ᵗʰᵉᵐᵉˢ
w3schools.com compound schemes · hues⁵ ᵛⁱˢⁱᵗᴼʳ ᵗʰᵉᵐᵉˢ