Blue Color Codes
Blue and cyan colors for links, dashboards, information states, and product interface accents.
Palette preview
000033
#000033000066#000066000099#0000990000cc#0000CC003366#003366003399#0033990033cc#0033CC0033ff#0033FF006699#0066990066cc#0066CC0066ff#0066FF0099cc#0099CC0099ff#0099FF00ccff#00CCFF330066#330066330099#3300993300cc#3300CC3300ff#3300FF333366#333366333399#3333993333cc#3333CC3333ff#3333FF336699#3366993366cc#3366CC3366ff#3366FF3399cc#3399CC3399ff#3399FF33ccff#33CCFF660099#6600996600cc#6600CC6600ff#6600FF6633cc#6633CC6633ff#6633FF666699#6666996666cc#6666CC6666ff#6666FF6699cc#6699CC6699ff#6699FF66ccff#66CCFF9900cc#9900CC9900ff#9900FF9933cc#9933CC9933ff#9933FF9966cc#9966CC9966ff#9966FF9999cc#9999CC9999ff#9999FF99ccff#99CCFFBlue / Cyan
69 pages000033
#000033000033 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.000066#000066000066 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.000099#000099000099 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0000cc#0000CC0000cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.003366#003366003366 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.003399#003399003399 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0033cc#0033CC0033cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0033ff#0033FF0033ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.006699#006699006699 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0066cc#0066CC0066cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0066ff#0066FF0066ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0099cc#0099CC0099cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.0099ff#0099FF0099ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.00ccff#00CCFF00ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.333366#333366333366 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.333399#333399333399 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3333cc#3333CC3333cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3333ff#3333FF3333ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.336699#336699336699 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3366cc#3366CC3366cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3366ff#3366FF3366ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3399cc#3399CC3399cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3399ff#3399FF3399ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.33ccff#33CCFF33ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.666699#666699666699 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6666cc#6666CC6666cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6666ff#6666FF6666ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6699cc#6699CC6699cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6699ff#6699FF6699ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.66ccff#66CCFF66ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9999cc#9999CC9999cc is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9999ff#9999FF9999ff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.99ccff#99CCFF99ccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Aliceblue#F0F8FFaliceblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Blue#0000FFblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Cadetblue#5F9EA0cadetblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Ccccff#CCCCFFCcccff is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Cornflowerblue#6495EDcornflowerblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Darkblue#00008Bdarkblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Darkturquoise#00CED1darkturquoise is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Deepskyblue#00BFFFdeepskyblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Dodgerblue#1E90FFdodgerblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lavender#E6E6FAlavender is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightblue#ADD8E6lightblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightskyblue#87CEFAlightskyblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightslategray#778899lightslategray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightsteelblue#B0C4DElightsteelblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Material Blue 100#114E7EMaterial Blue 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 1000#AFD9FBMaterial Blue 1000 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 200#15609CMaterial Blue 200 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 300#1972B9Material Blue 300 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 400#1D84D6Material Blue 400 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 500#2196F3Material Blue 500 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 600#45A7F5Material Blue 600 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 700#5FB3F6Material Blue 700 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 800#7AC0F8Material Blue 800 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue 900#94CDF9Material Blue 900 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 100#324148Material Blue Gray 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 1000#C6D0D5Material Blue Gray 1000 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 200#3D5059Material Blue Gray 200 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 300#495F6AMaterial Blue Gray 300 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 400#546E7AMaterial Blue Gray 400 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 500#607D8BMaterial Blue Gray 500 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 600#79929EMaterial Blue Gray 600 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 700#8DA1ABMaterial Blue Gray 700 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 800#A0B1B9Material Blue Gray 800 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 900#B3C1C7Material Blue Gray 900 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Cyan 100#00626EMaterial Cyan 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Cyan 1000#A3E7F0Material Cyan 1000 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Purple / Blue
24 pages330066
#330066330066 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.330099#330099330099 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3300cc#3300CC3300cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.3300ff#3300FF3300ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.660099#660099660099 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6600cc#6600CC6600cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6600ff#6600FF6600ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6633cc#6633CC6633cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.6633ff#6633FF6633ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9900cc#9900CC9900cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9900ff#9900FF9900ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9933cc#9933CC9933cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9933ff#9933FF9933ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9966cc#9966CC9966cc is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.9966ff#9966FF9966ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Blueviolet#8A2BE2blueviolet is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Cc00ff#CC00FFCc00ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Cc33ff#CC33FFCc33ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Cc66ff#CC66FFCc66ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Cc99ff#CC99FFCc99ff is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkorchid#9932CCdarkorchid is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Darkslateblue#483D8Bdarkslateblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Darkviolet#9400D3darkviolet is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Indigo#4B0082indigo is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Green / Teal
3 pagesAzure
#F0FFFFazure is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Darkcyan#008B8Bdarkcyan is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightcyan#E0FFFFlightcyan is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.