Skip to content
Aback Tools Logo

Web Safe Colors Reference

Browse all 216 web safe colors - the classic 6×6×6 color cube palette. Search by HEX, RGB, or HSL, filter by 10 hue families, and copy any color value with one click. Fully private, 100% free, no signup required.

Web Safe Colors Reference

Browse all 216 web safe colors in a searchable, filterable grid. These colors use the 6×6×6 color cube (0, 51, 102, 153, 204, 255 per channel). Click any HEX value to copy it to your clipboard instantly.

Showing 216 of 216 web safe colors

6 × 6 × 6 = 216 colors

#000000
#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

#000033
#000033

rgb(0, 0, 51)

hsl(240, 100%, 10%)

#000066
#000066

rgb(0, 0, 102)

hsl(240, 100%, 20%)

#000099
#000099

rgb(0, 0, 153)

hsl(240, 100%, 30%)

#0000CC
#0000CC

rgb(0, 0, 204)

hsl(240, 100%, 40%)

#0000FF
#0000FF

rgb(0, 0, 255)

hsl(240, 100%, 50%)

#003300
#003300

rgb(0, 51, 0)

hsl(120, 100%, 10%)

#003333
#003333

rgb(0, 51, 51)

hsl(180, 100%, 10%)

#003366
#003366

rgb(0, 51, 102)

hsl(210, 100%, 20%)

#003399
#003399

rgb(0, 51, 153)

hsl(220, 100%, 30%)

#0033CC
#0033CC

rgb(0, 51, 204)

hsl(225, 100%, 40%)

#0033FF
#0033FF

rgb(0, 51, 255)

hsl(228, 100%, 50%)

#006600
#006600

rgb(0, 102, 0)

hsl(120, 100%, 20%)

#006633
#006633

rgb(0, 102, 51)

hsl(150, 100%, 20%)

#006666
#006666

rgb(0, 102, 102)

hsl(180, 100%, 20%)

#006699
#006699

rgb(0, 102, 153)

hsl(200, 100%, 30%)

#0066CC
#0066CC

rgb(0, 102, 204)

hsl(210, 100%, 40%)

#0066FF
#0066FF

rgb(0, 102, 255)

hsl(216, 100%, 50%)

#009900
#009900

rgb(0, 153, 0)

hsl(120, 100%, 30%)

#009933
#009933

rgb(0, 153, 51)

hsl(140, 100%, 30%)

#009966
#009966

rgb(0, 153, 102)

hsl(160, 100%, 30%)

#009999
#009999

rgb(0, 153, 153)

hsl(180, 100%, 30%)

#0099CC
#0099CC

rgb(0, 153, 204)

hsl(195, 100%, 40%)

#0099FF
#0099FF

rgb(0, 153, 255)

hsl(204, 100%, 50%)

#00CC00
#00CC00

rgb(0, 204, 0)

hsl(120, 100%, 40%)

#00CC33
#00CC33

rgb(0, 204, 51)

hsl(135, 100%, 40%)

#00CC66
#00CC66

rgb(0, 204, 102)

hsl(150, 100%, 40%)

#00CC99
#00CC99

rgb(0, 204, 153)

hsl(165, 100%, 40%)

#00CCCC
#00CCCC

rgb(0, 204, 204)

hsl(180, 100%, 40%)

#00CCFF
#00CCFF

rgb(0, 204, 255)

hsl(192, 100%, 50%)

#00FF00
#00FF00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

#00FF33
#00FF33

rgb(0, 255, 51)

hsl(132, 100%, 50%)

#00FF66
#00FF66

rgb(0, 255, 102)

hsl(144, 100%, 50%)

#00FF99
#00FF99

rgb(0, 255, 153)

hsl(156, 100%, 50%)

#00FFCC
#00FFCC

rgb(0, 255, 204)

hsl(168, 100%, 50%)

#00FFFF
#00FFFF

rgb(0, 255, 255)

hsl(180, 100%, 50%)

#330000
#330000

rgb(51, 0, 0)

hsl(0, 100%, 10%)

#330033
#330033

rgb(51, 0, 51)

hsl(300, 100%, 10%)

#330066
#330066

rgb(51, 0, 102)

hsl(270, 100%, 20%)

#330099
#330099

rgb(51, 0, 153)

hsl(260, 100%, 30%)

#3300CC
#3300CC

rgb(51, 0, 204)

hsl(255, 100%, 40%)

#3300FF
#3300FF

rgb(51, 0, 255)

hsl(252, 100%, 50%)

#333300
#333300

rgb(51, 51, 0)

hsl(60, 100%, 10%)

#333333
#333333

rgb(51, 51, 51)

hsl(0, 0%, 20%)

#333366
#333366

rgb(51, 51, 102)

hsl(240, 33%, 30%)

#333399
#333399

rgb(51, 51, 153)

hsl(240, 50%, 40%)

#3333CC
#3333CC

rgb(51, 51, 204)

hsl(240, 60%, 50%)

#3333FF
#3333FF

rgb(51, 51, 255)

hsl(240, 100%, 60%)

#336600
#336600

rgb(51, 102, 0)

hsl(90, 100%, 20%)

#336633
#336633

rgb(51, 102, 51)

hsl(120, 33%, 30%)

#336666
#336666

rgb(51, 102, 102)

hsl(180, 33%, 30%)

#336699
#336699

rgb(51, 102, 153)

hsl(210, 50%, 40%)

#3366CC
#3366CC

rgb(51, 102, 204)

hsl(220, 60%, 50%)

#3366FF
#3366FF

rgb(51, 102, 255)

hsl(225, 100%, 60%)

#339900
#339900

rgb(51, 153, 0)

hsl(100, 100%, 30%)

#339933
#339933

rgb(51, 153, 51)

hsl(120, 50%, 40%)

#339966
#339966

rgb(51, 153, 102)

hsl(150, 50%, 40%)

#339999
#339999

rgb(51, 153, 153)

hsl(180, 50%, 40%)

#3399CC
#3399CC

rgb(51, 153, 204)

hsl(200, 60%, 50%)

#3399FF
#3399FF

rgb(51, 153, 255)

hsl(210, 100%, 60%)

#33CC00
#33CC00

rgb(51, 204, 0)

hsl(105, 100%, 40%)

#33CC33
#33CC33

rgb(51, 204, 51)

hsl(120, 60%, 50%)

#33CC66
#33CC66

rgb(51, 204, 102)

hsl(140, 60%, 50%)

#33CC99
#33CC99

rgb(51, 204, 153)

hsl(160, 60%, 50%)

#33CCCC
#33CCCC

rgb(51, 204, 204)

hsl(180, 60%, 50%)

#33CCFF
#33CCFF

rgb(51, 204, 255)

hsl(195, 100%, 60%)

#33FF00
#33FF00

rgb(51, 255, 0)

hsl(108, 100%, 50%)

#33FF33
#33FF33

rgb(51, 255, 51)

hsl(120, 100%, 60%)

#33FF66
#33FF66

rgb(51, 255, 102)

hsl(135, 100%, 60%)

#33FF99
#33FF99

rgb(51, 255, 153)

hsl(150, 100%, 60%)

#33FFCC
#33FFCC

rgb(51, 255, 204)

hsl(165, 100%, 60%)

#33FFFF
#33FFFF

rgb(51, 255, 255)

hsl(180, 100%, 60%)

#660000
#660000

rgb(102, 0, 0)

hsl(0, 100%, 20%)

#660033
#660033

rgb(102, 0, 51)

hsl(330, 100%, 20%)

#660066
#660066

rgb(102, 0, 102)

hsl(300, 100%, 20%)

#660099
#660099

rgb(102, 0, 153)

hsl(280, 100%, 30%)

#6600CC
#6600CC

rgb(102, 0, 204)

hsl(270, 100%, 40%)

#6600FF
#6600FF

rgb(102, 0, 255)

hsl(264, 100%, 50%)

#663300
#663300

rgb(102, 51, 0)

hsl(30, 100%, 20%)

#663333
#663333

rgb(102, 51, 51)

hsl(0, 33%, 30%)

#663366
#663366

rgb(102, 51, 102)

hsl(300, 33%, 30%)

#663399
#663399

rgb(102, 51, 153)

hsl(270, 50%, 40%)

#6633CC
#6633CC

rgb(102, 51, 204)

hsl(260, 60%, 50%)

#6633FF
#6633FF

rgb(102, 51, 255)

hsl(255, 100%, 60%)

#666600
#666600

rgb(102, 102, 0)

hsl(60, 100%, 20%)

#666633
#666633

rgb(102, 102, 51)

hsl(60, 33%, 30%)

#666666
#666666

rgb(102, 102, 102)

hsl(0, 0%, 40%)

#666699
#666699

rgb(102, 102, 153)

hsl(240, 20%, 50%)

#6666CC
#6666CC

rgb(102, 102, 204)

hsl(240, 50%, 60%)

#6666FF
#6666FF

rgb(102, 102, 255)

hsl(240, 100%, 70%)

#669900
#669900

rgb(102, 153, 0)

hsl(80, 100%, 30%)

#669933
#669933

rgb(102, 153, 51)

hsl(90, 50%, 40%)

#669966
#669966

rgb(102, 153, 102)

hsl(120, 20%, 50%)

#669999
#669999

rgb(102, 153, 153)

hsl(180, 20%, 50%)

#6699CC
#6699CC

rgb(102, 153, 204)

hsl(210, 50%, 60%)

#6699FF
#6699FF

rgb(102, 153, 255)

hsl(220, 100%, 70%)

#66CC00
#66CC00

rgb(102, 204, 0)

hsl(90, 100%, 40%)

#66CC33
#66CC33

rgb(102, 204, 51)

hsl(100, 60%, 50%)

#66CC66
#66CC66

rgb(102, 204, 102)

hsl(120, 50%, 60%)

#66CC99
#66CC99

rgb(102, 204, 153)

hsl(150, 50%, 60%)

#66CCCC
#66CCCC

rgb(102, 204, 204)

hsl(180, 50%, 60%)

#66CCFF
#66CCFF

rgb(102, 204, 255)

hsl(200, 100%, 70%)

#66FF00
#66FF00

rgb(102, 255, 0)

hsl(96, 100%, 50%)

#66FF33
#66FF33

rgb(102, 255, 51)

hsl(105, 100%, 60%)

#66FF66
#66FF66

rgb(102, 255, 102)

hsl(120, 100%, 70%)

#66FF99
#66FF99

rgb(102, 255, 153)

hsl(140, 100%, 70%)

#66FFCC
#66FFCC

rgb(102, 255, 204)

hsl(160, 100%, 70%)

#66FFFF
#66FFFF

rgb(102, 255, 255)

hsl(180, 100%, 70%)

#990000
#990000

rgb(153, 0, 0)

hsl(0, 100%, 30%)

#990033
#990033

rgb(153, 0, 51)

hsl(340, 100%, 30%)

#990066
#990066

rgb(153, 0, 102)

hsl(320, 100%, 30%)

#990099
#990099

rgb(153, 0, 153)

hsl(300, 100%, 30%)

#9900CC
#9900CC

rgb(153, 0, 204)

hsl(285, 100%, 40%)

#9900FF
#9900FF

rgb(153, 0, 255)

hsl(276, 100%, 50%)

#993300
#993300

rgb(153, 51, 0)

hsl(20, 100%, 30%)

#993333
#993333

rgb(153, 51, 51)

hsl(0, 50%, 40%)

#993366
#993366

rgb(153, 51, 102)

hsl(330, 50%, 40%)

#993399
#993399

rgb(153, 51, 153)

hsl(300, 50%, 40%)

#9933CC
#9933CC

rgb(153, 51, 204)

hsl(280, 60%, 50%)

#9933FF
#9933FF

rgb(153, 51, 255)

hsl(270, 100%, 60%)

#996600
#996600

rgb(153, 102, 0)

hsl(40, 100%, 30%)

#996633
#996633

rgb(153, 102, 51)

hsl(30, 50%, 40%)

#996666
#996666

rgb(153, 102, 102)

hsl(0, 20%, 50%)

#996699
#996699

rgb(153, 102, 153)

hsl(300, 20%, 50%)

#9966CC
#9966CC

rgb(153, 102, 204)

hsl(270, 50%, 60%)

#9966FF
#9966FF

rgb(153, 102, 255)

hsl(260, 100%, 70%)

#999900
#999900

rgb(153, 153, 0)

hsl(60, 100%, 30%)

#999933
#999933

rgb(153, 153, 51)

hsl(60, 50%, 40%)

#999966
#999966

rgb(153, 153, 102)

hsl(60, 20%, 50%)

#999999
#999999

rgb(153, 153, 153)

hsl(0, 0%, 60%)

#9999CC
#9999CC

rgb(153, 153, 204)

hsl(240, 33%, 70%)

#9999FF
#9999FF

rgb(153, 153, 255)

hsl(240, 100%, 80%)

#99CC00
#99CC00

rgb(153, 204, 0)

hsl(75, 100%, 40%)

#99CC33
#99CC33

rgb(153, 204, 51)

hsl(80, 60%, 50%)

#99CC66
#99CC66

rgb(153, 204, 102)

hsl(90, 50%, 60%)

#99CC99
#99CC99

rgb(153, 204, 153)

hsl(120, 33%, 70%)

#99CCCC
#99CCCC

rgb(153, 204, 204)

hsl(180, 33%, 70%)

#99CCFF
#99CCFF

rgb(153, 204, 255)

hsl(210, 100%, 80%)

#99FF00
#99FF00

rgb(153, 255, 0)

hsl(84, 100%, 50%)

#99FF33
#99FF33

rgb(153, 255, 51)

hsl(90, 100%, 60%)

#99FF66
#99FF66

rgb(153, 255, 102)

hsl(100, 100%, 70%)

#99FF99
#99FF99

rgb(153, 255, 153)

hsl(120, 100%, 80%)

#99FFCC
#99FFCC

rgb(153, 255, 204)

hsl(150, 100%, 80%)

#99FFFF
#99FFFF

rgb(153, 255, 255)

hsl(180, 100%, 80%)

#CC0000
#CC0000

rgb(204, 0, 0)

hsl(0, 100%, 40%)

#CC0033
#CC0033

rgb(204, 0, 51)

hsl(345, 100%, 40%)

#CC0066
#CC0066

rgb(204, 0, 102)

hsl(330, 100%, 40%)

#CC0099
#CC0099

rgb(204, 0, 153)

hsl(315, 100%, 40%)

#CC00CC
#CC00CC

rgb(204, 0, 204)

hsl(300, 100%, 40%)

#CC00FF
#CC00FF

rgb(204, 0, 255)

hsl(288, 100%, 50%)

#CC3300
#CC3300

rgb(204, 51, 0)

hsl(15, 100%, 40%)

#CC3333
#CC3333

rgb(204, 51, 51)

hsl(0, 60%, 50%)

#CC3366
#CC3366

rgb(204, 51, 102)

hsl(340, 60%, 50%)

#CC3399
#CC3399

rgb(204, 51, 153)

hsl(320, 60%, 50%)

#CC33CC
#CC33CC

rgb(204, 51, 204)

hsl(300, 60%, 50%)

#CC33FF
#CC33FF

rgb(204, 51, 255)

hsl(285, 100%, 60%)

#CC6600
#CC6600

rgb(204, 102, 0)

hsl(30, 100%, 40%)

#CC6633
#CC6633

rgb(204, 102, 51)

hsl(20, 60%, 50%)

#CC6666
#CC6666

rgb(204, 102, 102)

hsl(0, 50%, 60%)

#CC6699
#CC6699

rgb(204, 102, 153)

hsl(330, 50%, 60%)

#CC66CC
#CC66CC

rgb(204, 102, 204)

hsl(300, 50%, 60%)

#CC66FF
#CC66FF

rgb(204, 102, 255)

hsl(280, 100%, 70%)

#CC9900
#CC9900

rgb(204, 153, 0)

hsl(45, 100%, 40%)

#CC9933
#CC9933

rgb(204, 153, 51)

hsl(40, 60%, 50%)

#CC9966
#CC9966

rgb(204, 153, 102)

hsl(30, 50%, 60%)

#CC9999
#CC9999

rgb(204, 153, 153)

hsl(0, 33%, 70%)

#CC99CC
#CC99CC

rgb(204, 153, 204)

hsl(300, 33%, 70%)

#CC99FF
#CC99FF

rgb(204, 153, 255)

hsl(270, 100%, 80%)

#CCCC00
#CCCC00

rgb(204, 204, 0)

hsl(60, 100%, 40%)

#CCCC33
#CCCC33

rgb(204, 204, 51)

hsl(60, 60%, 50%)

#CCCC66
#CCCC66

rgb(204, 204, 102)

hsl(60, 50%, 60%)

#CCCC99
#CCCC99

rgb(204, 204, 153)

hsl(60, 33%, 70%)

#CCCCCC
#CCCCCC

rgb(204, 204, 204)

hsl(0, 0%, 80%)

#CCCCFF
#CCCCFF

rgb(204, 204, 255)

hsl(240, 100%, 90%)

#CCFF00
#CCFF00

rgb(204, 255, 0)

hsl(72, 100%, 50%)

#CCFF33
#CCFF33

rgb(204, 255, 51)

hsl(75, 100%, 60%)

#CCFF66
#CCFF66

rgb(204, 255, 102)

hsl(80, 100%, 70%)

#CCFF99
#CCFF99

rgb(204, 255, 153)

hsl(90, 100%, 80%)

#CCFFCC
#CCFFCC

rgb(204, 255, 204)

hsl(120, 100%, 90%)

#CCFFFF
#CCFFFF

rgb(204, 255, 255)

hsl(180, 100%, 90%)

#FF0000
#FF0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

#FF0033
#FF0033

rgb(255, 0, 51)

hsl(348, 100%, 50%)

#FF0066
#FF0066

rgb(255, 0, 102)

hsl(336, 100%, 50%)

#FF0099
#FF0099

rgb(255, 0, 153)

hsl(324, 100%, 50%)

#FF00CC
#FF00CC

rgb(255, 0, 204)

hsl(312, 100%, 50%)

#FF00FF
#FF00FF

rgb(255, 0, 255)

hsl(300, 100%, 50%)

#FF3300
#FF3300

rgb(255, 51, 0)

hsl(12, 100%, 50%)

#FF3333
#FF3333

rgb(255, 51, 51)

hsl(0, 100%, 60%)

#FF3366
#FF3366

rgb(255, 51, 102)

hsl(345, 100%, 60%)

#FF3399
#FF3399

rgb(255, 51, 153)

hsl(330, 100%, 60%)

#FF33CC
#FF33CC

rgb(255, 51, 204)

hsl(315, 100%, 60%)

#FF33FF
#FF33FF

rgb(255, 51, 255)

hsl(300, 100%, 60%)

#FF6600
#FF6600

rgb(255, 102, 0)

hsl(24, 100%, 50%)

#FF6633
#FF6633

rgb(255, 102, 51)

hsl(15, 100%, 60%)

#FF6666
#FF6666

rgb(255, 102, 102)

hsl(0, 100%, 70%)

#FF6699
#FF6699

rgb(255, 102, 153)

hsl(340, 100%, 70%)

#FF66CC
#FF66CC

rgb(255, 102, 204)

hsl(320, 100%, 70%)

#FF66FF
#FF66FF

rgb(255, 102, 255)

hsl(300, 100%, 70%)

#FF9900
#FF9900

rgb(255, 153, 0)

hsl(36, 100%, 50%)

#FF9933
#FF9933

rgb(255, 153, 51)

hsl(30, 100%, 60%)

#FF9966
#FF9966

rgb(255, 153, 102)

hsl(20, 100%, 70%)

#FF9999
#FF9999

rgb(255, 153, 153)

hsl(0, 100%, 80%)

#FF99CC
#FF99CC

rgb(255, 153, 204)

hsl(330, 100%, 80%)

#FF99FF
#FF99FF

rgb(255, 153, 255)

hsl(300, 100%, 80%)

#FFCC00
#FFCC00

rgb(255, 204, 0)

hsl(48, 100%, 50%)

#FFCC33
#FFCC33

rgb(255, 204, 51)

hsl(45, 100%, 60%)

#FFCC66
#FFCC66

rgb(255, 204, 102)

hsl(40, 100%, 70%)

#FFCC99
#FFCC99

rgb(255, 204, 153)

hsl(30, 100%, 80%)

#FFCCCC
#FFCCCC

rgb(255, 204, 204)

hsl(0, 100%, 90%)

#FFCCFF
#FFCCFF

rgb(255, 204, 255)

hsl(300, 100%, 90%)

#FFFF00
#FFFF00

rgb(255, 255, 0)

hsl(60, 100%, 50%)

#FFFF33
#FFFF33

rgb(255, 255, 51)

hsl(60, 100%, 60%)

#FFFF66
#FFFF66

rgb(255, 255, 102)

hsl(60, 100%, 70%)

#FFFF99
#FFFF99

rgb(255, 255, 153)

hsl(60, 100%, 80%)

#FFFFCC
#FFFFCC

rgb(255, 255, 204)

hsl(60, 100%, 90%)

#FFFFFF
#FFFFFF

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Features

All 216 Web Safe Colors

Complete collection of every web safe color in the 6×6×6 color cube. Each color's HEX, RGB, and HSL values are displayed for easy reference.

Real-Time Search

Search across HEX, RGB, and HSL values with instant filtering. Find the exact color you need in milliseconds - no page reload required.

Hue Family Filters

Filter by 10 hue families - Reds, Oranges, Yellows, Greens, Cyans, Blues, Purples, Pinks, Browns, and Grays - to quickly narrow down the color palette.

One-Click Copy

Click any HEX value to copy it to your clipboard instantly. Each color card has a dedicated copy button for HEX, plus visible RGB and HSL values.

Common Use Cases

Web Design & Development

Quickly reference web safe colors when building websites that need to display consistently across older monitors and devices with limited color capabilities.

CSS Color Selection

Pick web safe HEX values for your CSS stylesheets knowing that they will render identically on any display - no dithering, no approximation, no surprises.

Retro & Legacy Projects

Perfect for retro web design projects, game UI mockups, and software targeting older hardware. The 216-color palette was the standard during the CRT monitor era.

Design System Palettes

Use web safe colors as a starting point for design system color tokens. Their mathematical predictability makes them easy to document and maintain across teams.

Email Design

Email clients often have limited color rendering. Web safe colors are a reliable choice for HTML email templates that need to look consistent in Outlook, Gmail, and Apple Mail.

Accessibility & Contrast Testing

Reference web safe colors when testing WCAG contrast ratios. Their predictable brightness values make it easier to find color combinations that meet accessibility requirements.

About Web Safe Colors

What Are Web Safe Colors?

Web safe colors are the set of 216 colors that were guaranteed to display without dithering on any computer monitor in the early days of the web. They are derived from the 6×6×6 color cube where each RGB channel (Red, Green, Blue) can only take one of six values: 0, 51, 102, 153, 204, or 255 (hex: 00, 33, 66, 99, CC, FF). This creates 6 × 6 × 6 = 216 distinct colors.

When Web Safe Colors Mattered Most

In the 1990s and early 2000s, most computer monitors could only display 256 colors simultaneously (8-bit color). The web safe palette ensured that colors would display consistently across different operating systems and browsers. Today, with billions of colors supported on modern displays, web safe colors are less critical - but they remain a useful reference for retro projects, email designs, and accessibility-conscious design systems.

The 6×6×6 Color Cube Explained

The web safe palette is constructed from all possible combinations of 6 intensity levels for each RGB channel. This means the color space is evenly sampled: the step between each red value is 51 (one-sixth of 255), creating a mathematically uniform cube. Every possible web safe color is equally spaced in the RGB color space, making the palette predictable and easy to navigate once you understand the underlying pattern.

Are Web Safe Colors Still Relevant?

Web safe colors remain relevant for several specific use cases. HTML email rendering can still be unpredictable across clients, making web safe colors a safe choice. Retro and nostalgia-themed designs deliberately use web safe palettes for authentic aesthetics. Game developers targeting low-end hardware may use these colors for reduced memory footprint. And for design systems, the mathematical simplicity of web safe colors makes them easy to document, implement, and maintain.

Frequently Asked Questions