Home > Web Design > Color Chart > Rgb
RGB (hexadecimal) only | HSL (hue, saturation, and lightness) only
| Primary (Red) |
Tertiary | Secondary (Yellow) |
Tertiary | Primary (Green) |
Tertiary | Secondary (Aqua/Cyan) |
Tertiary | Primary (Blue) |
Tertiary | Secondary (Fuchsia/Magenta) |
Tertiary |
|---|---|---|---|---|---|---|---|---|---|---|---|
| hex:#FFFFFF HSL,0,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:30,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:60,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:90,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:120,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:150,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:180,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:210,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:240,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:270,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:300,0,100 RGB:255,255,255 |
hex:#FFFFFF HSL:330,0,100 RGB:255,255,255 |
| hex:#FFCCCC HSL:0,20,100 RGB:255,204,204 |
hex:#FFE5CC HSL:30,20,100 RGB:255,229,204 |
hex:#FFFFCC HSL:60,20,100 RGB:255,255,204 |
hex:#E5FFCC HSL:90,20,100 RGB:229,255,204 |
hex:#CCFFCC HSL:120,20,100 RGB:204,255,204 |
hex:#CCFFE5 HSL:150,20,100 RGB:204,255,229 |
#CCFFFF HSL:180,20,100 RGB:204,255,255 |
hex:#CCE5FF HSL:210,20,100 RGB:204,229,255 |
hex:#CCCCFF HSL:240,20,100 RGB:204,204,255 |
hex:#E5CCFF HSL:270,20,100 RGB:229,204,255 |
hex:#FFCCFF HSL:300,20,100 RGB:255,204,255 |
hex:#FFCCE5 HSL:330,20,100 RGB:255,204,229 |
| hex:#FF9999 HSL:0,40,100 RGB:255,153,153 |
hex:#FFCC99 HSL:30,40,100 RGB:255,204,153 |
hex:#FFFF99 HSL:60,40,100 RGB:255,255,153 |
hex:#CCFF99 HSL:90,40,100 RGB:204,255,153 |
hex:#99FF99 HSL:120,40,100 RGB:153,255,153 |
hex:#99FFCC HSL:150,40,100 RGB:153,255,204 |
hex:#99FFFF HSL:180,40,100 RGB:153,255,255 |
hex:#99CCFF HSL:210,40,100 RGB:153,204,255 |
hex:#9999FF HSL:240,40,100 RGB:153,153,255 |
hex:#CC99FF HSL:270,40,100 RGB:204,153,255 |
hex:#FF99FF HSL:300,40,100 RGB:255,253,255 |
hex:#FF99CC HSL:330,40,100 RGB:255,153,204 |
| hex:#FF6666 HSL:0,60,100 RGB:255,102,102 |
hex:#FFB266 HSL:30,80,100 RGB:255,153,51 |
hex#FFFF66 HSL:60,60,100 RGB:255,255,102 |
hex:#B2FF66 HSL:90,60,100 RGB:178,255,102 |
hex:#66FF66 HSL:120,60,100 RGB:102,255,102 |
hex:#66FFB2 HSL:150,60,100 RGB:102,255,178 |
hex:#66FFFF HSL:180,60,100 RGB:102,255,255 |
hex:#66B2FF HSL:210,60,100 RGB:102,178,255 |
hex:#6666FF HSL:240,60,100 RGB:102,102,255 |
hex:#B266FF HSL:270,60,100 RGB:178,102,255 |
hex:#FF66FF HSL:300,60,100 RGB:255,102,255 |
hex:#FF66B2 HSL:330,60,100 RGB:255,102,178 |
| hex:#FF3333 HSL:0,80,100 RGB:255,51,51 |
hex:#FF9933 HSL: 30,80,100 RGB:255,153,51 |
hex:#FFFF33 HSL:60,80,100 RGB:255,255,51 |
hex:#99FF33 HSL:90,80,100 RGB:153,255,51 |
hex:#33FF33 HSL:120,80,100 RGB:51,255,51 |
hex:#33FF99 HSL:150,80,100 RGB:51,255,153 |
hex:#33FFFF HSL:180,80,100 RGB:51,255,255 |
hex:#3399FF HSL:210,80,100 RGB:51,153,255 |
hex:#3333FF HSL:240,80,10 RGB:51,51,255 |
hex:#9933FF HSL:270,80,100 RGB:153,51,255 |
hex:#FF33FF HSL:300,80,100 RGB:255,51,255 |
hex:#FF3399 HSL:330,80,100 RGB:255,51,153 |
|
Red |
hex:#FF8000 HSL:30,100,100 RGB:255,128,0 |
hex:#FFFF00 HSL:60,100,100 RGB:255,255,0 |
hex:#80FF00 HSL:90,100,100 RGB:128,255,0 |
hex:#00FF00 HSL:120,100,100 RGB:0,255,0 |
hex:#00FF80 HSL:150,100,100 RGB:9,255,128 |
hex:#00FFFF HSL:180,100,100 RGB:0,255,255 |
hex:#0080FF HSL:210,100,100 RGB:0,128,255 |
hex:#0000FF HSL:240,100,100 RGB:0,0,255 |
hex:#8000FF HSL:270,100,100 RGB128.0,255 |
hex:#FF00FF HSL:300,100,100 RGB:255,0,255 |
hex:#FF0080 HSL:330,100,100 RGB:255,0,127 |
| hex:#CC0000 HSL:0,100,80 |
hex:#CC6600 HSL:30,100,80 RGB:204,102,0 |
hex:#CCCC00 HSL:60,100,80 RGB:204,204,0 |
hex:#66CC00 HSL:90,100,80 RGB:102,204,0 |
hex:#00CC00 HSL:120,100,80 RGB:0,204,0 |
hex:#00CC66 HSL150,100,80 RGB:0,204,102 |
hex:#00CCCC HSL:180,100,80 RGB:0,204,204 |
hex:#0066CC HSL:210,100,80 RGB:0,102,204 |
hex:#0000CC HSL:240,100,80 RGB:0,0,204 |
hex:#6600CC HSL:270,100,80 RGB:102,0,204 |
hex:#CC00CC HSL:300,100,80 RGB:204,0,204 |
hex:#CC0066 HSL:330,100,80 RGB:204,0,102 |
| hex:#990000 HSL:0,100,60 RGB153,0,0: |
hex:#994C00 HSL:30,100,60 RGB:153,76,0 |
hex:#999900 HSL:60,100,60 RGB:153,153,0 |
hex:#4C9900 |
hex:#009900 HSL:120,100,60 RGB:0,153,0 |
hex:#00994C HSL:150,100,60 RGB:0,153,76: |
hex:#009999 HSL:180,100,60 RGB:0,153,153 |
hex:#004C99 HSL:210,100,60 RGB:0,76,153 |
hex:#000099 HSL:240,100,60 RGB:0,0,153 |
hex:#4C0099 HSL:270,100,60 RGB:76,0,153 |
hex:#990099 HSL:300,100,60 RGB:153,0,153 |
hex:#99004C HSL:330,100,60 RGB:153,0,76 |
| hex:#660000 HSL:0,100,40 RGB:102,0,0 |
hex:#663300 HSL:30,100,40 RGB:102,51,0 |
hex:#666600 HSL:60,100,40 RGB:102,102,0 |
hex:#336600 HSL:90,100,40 RGB:51,102,0 |
hex:#006600 HSL:120,100,40 RGB:0,102,0 |
hex:#006633 HSL:150,100,40 RGB:0,102,51 |
hex:#006666 HSL:180,100,40 RGB:0,102,102 |
hex:#003366 HSL:210,100,40 RGB:0,51,102 |
hex:#000066 HSL:240,100,40 RGB:0,0,102 |
hex:#330066 HSL:270,100,40 RGB:51,0,102 |
hex:#660066 HSL:300,100,40 RGB:102,0,102 |
hex:#660033 HSL:330,100,40 RGB:102,0,51 |
| hex:#330000 HSL:0,100,20 RGB:51,0,0 |
hex:#331900 HSL:30,100,20 RGB:51,25,0 |
hex:#333300 HSL:60,100,20 RGB:51,51,0 |
hex:#193300 HSL:90,100,20 RGB:25,51,0 |
hex:#003300 HSL:120,100,20 RGB:0,51,0 |
hex:#003319 HSL:150,100,20 RGB:0,51,25 |
hex:#003333 HSL:180,100,20 RGB:0,51,51 |
hex:#001933 HSL:210,100,20 RGB:0,25,51 |
hex:#000033 HSL:240,100,20 RGB:0,0,51 |
hex:#190033 HSL:270,100,20 RGB:25,0,51 |
hex:#330033 HSL:300,100,20 RGB:51,0,51 |
hex:#330019 HSL:330,100,20 RGB:51,0,25 |
| hex:#000000 HSL:0,100,0 RGB:0,0,0 |
hex:#000000 HSL:30,100,0 RGB:0,0,0 |
hex:#000000 HSL:60,100,0 RGB:0,0,0 |
hex:#000000 HSL:90,100,0 RGB:0,0,0 |
hex:#000000 HSL:120,100,0 RGB:0,0,0 |
hex:#000000 HSL:150,100,0 RGB:0,0,0 |
hex:#000000 HSL:180,100,0 RGB:0,0,0 |
hex:#000000 HSL:210,100,0 RGB:0,0,0 |
hex:#000000 HSL:240,100,0 RGB:0,0,0 |
hex:#000000 HSL:270,100,0 RGB:0,0,0 |
hex:#000000 HSL:300,100,0 RGB:0,0,0 |
hex:#000000 HSL:330,100,0 RGB:0,0,0 |
| Black #000000 |
White #FFFFFF |
Gray #808080 |
Silver #C0C0C0 |
Aqua #00FFFF |
Blue #0000FF |
Fuchsia #FF00FF |
Green #008000 |
Lime |
Maroon #800000 |
Navy #000080 |
Olive #808000 |
Purple #800080 |
Red #FF0000 |
Teal #008080 |
Yellow #FFFF00 |
Orange #FFA500 CSS-only |