24 Oct RGB Color Chart: The Complete Color Table with HEX and RGB Codes
If you’ve ever tried to describe a color to a computer, you’ve met RGB. In fact, every color on every screen — your website, your phone, your TV — is mixed from just three ingredients: Red, Green, and Blue. Specifically, each ingredient gets a number from 0 to 255. For example, turn all three off and you get black (0, 0, 0). Similarly, turn all three all the way up and you get white (255, 255, 255). Mix them in different amounts and, as a result, you can make 256 × 256 × 256 = 16,777,216 possible colors.
Designers and developers usually write the same color two ways: RGB code — the three numbers, like (11, 99, 206); HEX code — the same numbers in a compact web format, like #0B63CE. In other words, they’re two spellings of one color. Finally, the chart below lists the 139 named colors every browser knows, with both codes side by side. So bookmark this page — if you work on websites at all, you’ll be back.
How to use this chart
First, find the color you want, copy its HEX code, and paste it anywhere you’re building: your website’s customizer or Elementor color settings, a CSS file (color: #0B63CE; or color: rgb(11, 99, 206);), Canva, Photoshop, or any design tool. Then, press Ctrl+F (or Cmd+F on a Mac) to jump straight to a color name.
A real example: the colors of this website
My own brand palette, in both spellings: Signature Blue — #0B63CE — (11, 99, 206) · Deep Navy — #0A3556 — (10, 53, 86) · Bright Green — #10B981 — (16, 185, 129) · Deep Green — #0B7A55 — (11, 122, 85) · Light Background — #F2F8FC — (242, 248, 252). In short, two or three well-chosen colors, used consistently, beat a rainbow every time — that’s what makes a site look like one business instead of twelve.
Reds
| Color | Color Name | Hex Code | RGB Code |
|---|
| indian red | #CD5C5C | (205,92,92) |
| Red | #FF0000 | (255,0,0) |
| crimson | #DC143C | (220,20,60) |
| firebrick | #B22222 | (178,34,34) |
| dark red | #8B0000 | (139,0,0) |
| Maroon | #800000 | (128,0,0) |
Oranges
| Color | Color Name | Hex Code | RGB Code |
|---|
| coral | #FF7F50 | (255,127,80) |
| tomato | #FF6347 | (255,99,71) |
| orange red | #FF4500 | (255,69,0) |
| dark orange | #FF8C00 | (255,140,0) |
| orange | #FFA500 | (255,165,0) |
Yellows & Golds
| Color | Color Name | Hex Code | RGB Code |
|---|
| light yellow | #FFFFE0 | (255,255,224) |
| corn silk | #FFF8DC | (255,248,220) |
| lemon chiffon | #FFFACD | (255,250,205) |
| light golden rod yellow | #FAFAD2 | (250,250,210) |
| pale goldenrod | #EEE8AA | (238,232,170) |
| khaki | #F0E68C | (240,230,140) |
| dark khaki | #BDB76B | (189,183,107) |
| gold | #FFD700 | (255,215,0) |
| Yellow | #FFFF00 | (255,255,0) |
| goldenrod | #DAA520 | (218,165,32) |
| dark goldenrod | #B8860B | (184,134,11) |
Greens
| Color | Color Name | Hex Code | RGB Code |
|---|
| pale green | #98FB98 | (152,251,152) |
| light green | #90EE90 | (144,238,144) |
| aqua marine | #7FFFD4 | (127,255,212) |
| dark sea green | #8FBC8F | (143,188,143) |
| medium aquamarine | #66CDAA | (102,205,170) |
| green yellow | #ADFF2F | (173,255,47) |
| yellow green | #9ACD32 | (154,205,50) |
| chartreuse | #7FFF00 | (127,255,0) |
| Lime | #00FF00 | (0,255,0) |
| lime green | #32CD32 | (50,205,50) |
| spring green | #00FF7F | (0,255,127) |
| lawn green | #7CFC00 | (124,252,0) |
| medium spring green | #00FA9A | (0,250,154) |
| medium sea green | #3CB371 | (60,179,113) |
| sea green | #2E8B57 | (46,139,87) |
| olive drab | #6B8E23 | (107,142,35) |
| forest green | #228B22 | (34,139,34) |
| dark olive green | #556B2F | (85,107,47) |
| Green | #008000 | (0,128,0) |
| dark green | #006400 | (0,100,0) |
Cyans & Teals
| Color | Color Name | Hex Code | RGB Code |
|---|
| light cyan | #E0FFFF | (224,255,255) |
| pale turquoise | #AFEEEE | (175,238,238) |
| powder blue | #B0E0E6 | (176,224,230) |
| light blue | #ADD8E6 | (173,216,230) |
| sky blue | #87CEEB | (135,206,235) |
| turquoise | #40E0D0 | (64,224,208) |
| medium turquoise | #48D1CC | (72,209,204) |
| Cyan/Aqua | #00FFFF | (0,255,255) |
| cadet blue | #5F9EA0 | (95,158,160) |
| deep sky blue | #00BFFF | (0,191,255) |
| light sea green | #20B2AA | (32,178,170) |
| dark turquoise | #00CED1 | (0,206,209) |
| dark cyan | #008B8B | (0,139,139) |
| Teal | #008080 | (0,128,128) |
| dark slate gray | #2F4F4F | (47,79,79) |
Blues
| Color | Color Name | Hex Code | RGB Code |
|---|
| light steel blue | #B0C4DE | (176,196,222) |
| light sky blue | #87CEFA | (135,206,250) |
| medium slate blue | #7B68EE | (123,104,238) |
| corn flower blue | #6495ED | (100,149,237) |
| slate blue | #6A5ACD | (106,90,205) |
| royal blue | #4169E1 | (65,105,225) |
| dodger blue | #1E90FF | (30,144,255) |
| Blue | #0000FF | (0,0,255) |
| steel blue | #4682B4 | (70,130,180) |
| medium blue | #0000CD | (0,0,205) |
| dark slate blue | #483D8B | (72,61,139) |
| dark blue | #00008B | (0,0,139) |
| midnight blue | #191970 | (25,25,112) |
| Navy | #000080 | (0,0,128) |
Purples & Violets
| Color | Color Name | Hex Code | RGB Code |
|---|
| lavender | #E6E6FA | (230,230,250) |
| thistle | #D8BFD8 | (216,191,216) |
| plum | #DDA0DD | (221,160,221) |
| violet | #EE82EE | (238,130,238) |
| medium purple | #9370DB | (147,112,219) |
| orchid | #DA70D6 | (218,112,214) |
| medium orchid | #BA55D3 | (186,85,211) |
| blue violet | #8A2BE2 | (138,43,226) |
| dark orchid | #9932CC | (153,50,204) |
| dark violet | #9400D3 | (148,0,211) |
| rebecca purple | #663399 | (102,51,153) |
| indigo | #4B0082 | (75,0,130) |
| Purple | #800080 | (128,0,128) |
Pinks & Roses
| Color | Color Name | Hex Code | RGB Code |
|---|
| lavender blush | #FFF0F5 | (255,240,245) |
| misty rose | #FFE4E1 | (255,228,225) |
| pink | #FFC0CB | (255,192,203) |
| light pink | #FFB6C1 | (255,182,193) |
| light salmon | #FFA07A | (255,160,122) |
| light coral | #F08080 | (240,128,128) |
| salmon | #FA8072 | (250,128,114) |
| hot pink | #FF69B4 | (255,105,180) |
| dark salmon | #E9967A | (233,150,122) |
| pale violet red | #DB7093 | (219,112,147) |
| deep pink | #FF1493 | (255,20,147) |
| Magenta/Fuchsia | #FF00FF | (255,0,255) |
| medium violet red | #C71585 | (199,21,133) |
| dark magenta | #8B008B | (139,0,139) |
Browns & Earth Tones
| Color | Color Name | Hex Code | RGB Code |
|---|
| wheat | #F5DEB3 | (245,222,179) |
| burly wood | #DEB887 | (222,184,135) |
| tan | #D2B48C | (210,180,140) |
| sandy brown | #F4A460 | (244,164,96) |
| rosy brown | #BC8F8F | (188,143,143) |
| peru | #CD853F | (205,133,63) |
| chocolate | #D2691E | (210,105,30) |
| brown | #A52A2A | (165,42,42) |
| sienna | #A0522D | (160,82,45) |
| saddle brown | #8B4513 | (139,69,19) |
| Olive | #808000 | (128,128,0) |
Whites, Grays & Black
| Color | Color Name | Hex Code | RGB Code |
|---|
| White | #FFFFFF | (255,255,255) |
| snow | #FFFAFA | (255,250,250) |
| ghost white | #F8F8FF | (248,248,255) |
| mint cream | #F5FFFA | (245,255,250) |
| floral white | #FFFAF0 | (255,250,240) |
| ivory | #FFFFF0 | (255,255,240) |
| honeydew | #F0FFF0 | (240,255,240) |
| azure | #F0FFFF | (240,255,255) |
| alice blue | #F0F8FF | (240,248,255) |
| sea shell | #FFF5EE | (255,245,238) |
| white smoke | #F5F5F5 | (245,245,245) |
| old lace | #FDF5E6 | (253,245,230) |
| linen | #FAF0E6 | (250,240,230) |
| papaya whip | #FFEFD5 | (255,239,213) |
| beige | #F5F5DC | (245,245,220) |
| antique white | #FAEBD7 | (250,235,215) |
| blanched almond | #FFEBCD | (255,235,205) |
| bisque | #FFE4C4 | (255,228,196) |
| gainsboro | #DCDCDC | (220,220,220) |
| peach puff | #FFDAB9 | (255,218,185) |
| moccasin | #FFE4B5 | (255,228,181) |
| navajo white | #FFDEAD | (255,222,173) |
| light gray / light grey | #D3D3D3 | (211,211,211) |
| Silver | #C0C0C0 | (192,192,192) |
| dark gray / dark grey | #A9A9A9 | (169,169,169) |
| light slate gray | #778899 | (119,136,153) |
| Gray | #808080 | (128,128,128) |
| slate gray | #708090 | (112,128,144) |
| dim gray / dim grey | #696969 | (105,105,105) |
| Black | #000000 | (0,0,0) |
A designer’s three rules for picking colors
- First, contrast is not optional. Light text on a light background can’t be read — and failing contrast is the most common accessibility mistake I fix on existing websites. Dark text on light colors (or the reverse) keeps everyone able to read you, including visitors with low vision.
- Second, screens are RGB; print is not. Colors that glow on a monitor are mixed from light. Ink works differently (CMYK), so a color can look slightly different printed. If a color has to match exactly — a logo on a business card — ask for a print proof.
- Third, limit your palette. Pick one primary color, one accent, and your neutrals. If everything is loud, nothing stands out — especially your call-to-action buttons.
Quick answers
What does RGB stand for? Red, Green, Blue — the three colors of light every screen mixes to make every other color.
What’s the difference between HEX and RGB codes? In short, nothing but spelling. For example, #FF0000 and (255, 0, 0) are the exact same red. HEX is just the shorthand websites use most.
Can I use these color names in CSS? Yes — in fact, the named colors in this chart are built into every browser, so color: steelblue; works as-is. For brand colors, use the HEX code instead so the color is exact everywhere.
Need help choosing colors that make your business look established and get found? That’s the fun part of my job. or call 252-702-8292. — Shaun M. Johnson, Signature Web Designer, Goldsboro, NC
