Metro UI Colors

Everything you need to know about Windows 8 Metro UI Colors. Build your own themes, websites, color palettes and graphics using Metro colors

Looking for WordPress themes? We deliver premium quality themes for free. See our themes for proof.

List of all Metro colors as on Windows 8 and Windows Phone.

There are several Metro UI colors and color combinations and we decided to create a list of the most popular ones used in design. This resource also includes various color codes for use in any application, website or even text document.

Flat Metro UI and its colors have gained a huge popularity across web and graphic designers and even Apple decided to create flat design UI for its mobile operating system since iOS7. If you haven't yet familiar with Metro and Flat design trends you might want to look up some more info about it. Luckily we got you covered with the basic Metro colors, their color codes and basic information about them.

This light green color with HEX code #99b433 is composed of 60% red, 70.6% red and 20% blue. In the RGB value scale it means 153 Red, 180 Green and 51 Blue. Since RGB is not the only color space it can be composed with 15% cyan, 0% magenta, 71.7% yellow and 29.4% black in CMYK color space. #99b433 color has a hue angle of 72.6 degrees, a saturation of 55.8% and a litheness of 45.3%. This particular light green color can be created by blending #ffff66 with #336900 or by blending #F512052 and #3D4814. Closest websafe color to #99b433 is #99cc33.

Hex color code
#99b433
RGB Decimal
rgb(153,180,51)
RGB Percent
rgb(60%,70.6%,20%)
CMYK
15, 0, 72, 29
HSL
hsl(72.6,55.8%,45.3%)
HSV (or HSB)
72.6°, 71.7, 70.6
Web Safe
#99cc33
CIE-LAB
69.222, -26.695, 59.165
XYZ
30.055, 39.654, 9.202
xyY
0.381, 0.503, 39.654
CIE-LCH
69.222, 64.909, 114.285
CIE-LUV
69.222, -12.223, 70.765
Hunter-Lab
62.971, -25.004, 35.415
RGB Binary
10011001, 10110100, 00110011

Metro green color with the HEX code #00a300 and decimal value of 41728 is composed with no red, 63.9% green and no blue. In the RGB value scale #00a300 green consists of no Red, 163 Green and no Blue. RGB is no the only color space and when using CMYK you can compose this color with 100% cyan, 0% magenta, 100% yellow and 36.1% black. #99b433 color has a hue angle of 120 degrees, a saturation of 100% and a lightness of 32%. This particular green color with the HEX code #00a300 can be created by blending #00ff00 with #004700 or #00E400 and #006200. Closest websafe color of #00ff00 is #009900.

Hex color code
#00a300
RGB Decimal
rgb(0,163,0)
RGB Percent
rgb(0%,63.9%,0%)
CMYK
100, 0, 100, 36
HSL
hsl(120,100%,32%)
HSV (or HSB)
120°, 100, 63.9
Web Safe
#009900
CIE-LAB
58.22, -61.662, 59.513
XYZ
13.096, 26.193, 4.365
xyY
0.3, 0.6, 26.193
CIE-LCH
58.22, 85.697, 136.016
CIE-LUV
58.22, -55.129, 71.268
Hunter-Lab
51.179, -43.886, 30.768
RGB Binary
00000000, 10100011, 00000000

Dark Metro Green color with the HEX code #1e7145 and decimal value of 1995077 is composed of 11.8% red, 44.3% green and 27.1% blue. In the RGB value scale #1e7145 dark green consist of 30 Red, 113 Green and 69 Blue. The same dark green in CMYK color space is composed of 73.5% cyan, 0% magenta, 38.9% yellow and 55.7% black. #1e7145 color has a hue angle of 148.2 degree, a saturation of 58% and a lightness of 28%. This particular dark green color with the HEX code #1e7145 can be composed by blending #2A9E61 and #124429 or blending #30B56E and #0C2D1C. Closes websafe color of #1e7145 is #336633.

Hex color code
#1e7145
RGB Decimal
rgb(30,113,69)
RGB Percent
rgb(11.8%,44.3%,27.1%)
CMYK
73, 0, 39, 56
HSL
hsl(148.2,58%,28%)
HSV (or HSB)
148.2°, 73.5, 44.3
Web Safe
#336633
CIE-LAB
42.024, -35.507, 17.515
XYZ
7.514, 12.515, 7.65
xyY
0.271, 0.452, 12.515
CIE-LCH
42.024, 39.592, 153.744
CIE-LUV
42.024, -32.825, 26.165
Hunter-Lab
35.377, -23.995, 11.943
RGB Binary
00011110, 01110001, 01000101

Metro Magenta color with the HEX code #ff0097 and decimal value of 16711831 is composed of 100% red, 0% green and 59.2% blue. In the RGB value scale #ff0097 magenta consist of 255 Red, 0 Green and 151 Blue. The same magenta in CMYK color space is composed of 0% cyan, 100% magenta, 40.8% yellow and 0% black. #ff0097 color has a hue angle of 324.5 degrees, a saturation of 100% and a lightness of 50%. Magenta color with the HEX code #ff0097 can be composed by blending #FF00D7 and #FF0057 or blending #FF0073 and #FF00BB. Closes websafe color of #ff0097 is #ff0099.

Hex color code
#ff0097
RGB Decimal
rgb(255,0,151)
RGB Percent
rgb(100%,0%,59.2%)
CMYK
0, 100, 41, 0
HSL
hsl(324.5,100%,50%)
HSV (or HSB)
324.5°, 100, 100
Web Safe
#ff0099
CIE-LAB
55.583, 86.354, -8.641
XYZ
46.827, 23.5, 31.347
xyY
0.461, 0.231, 23.5
CIE-LCH
55.583, 86.786, 354.286
CIE-LUV
55.583, 131.38, -28.652
Hunter-Lab
48.476, 87.594, -4.406
RGB Binary
11111111, 00000000, 10010111

Light Metro Purple color with the HEX code #9f00a7 and decimal value of 10420391 is composed of 62.4% red, 0% green and 65.5% blue. In the RGB value scale #9f00a7 light purple consists of 159 Red, no Green and 167 Blue. RGB is no the only color space and when using CMYK you can compose this color with 4.8% cyan, 100% magenta, 0% yellow and 34.5% black. #9f00a7 color has a hue angle of 297.1 degrees, a saturation of 100% and a lightness of 32.7%. Light purple color with the HEX code #9f00a7 can be created by blending #DF00EA and #5F0064 or #DF00B8 and #5F0096. Closest websafe color of #9f00a7 is #990099.

Hex color code
#9f00a7
RGB Decimal
rgb(159,0,167)
RGB Percent
rgb(62.4%,0%,65.5%)
CMYK
5, 100, 0, 35
HSL
hsl(297.1,100%,32.7%)
HSV (or HSB)
297.1°, 100, 65.5
Web Safe
#990099
CIE-LAB
38.132, 70.245, -46.733
XYZ
21.273, 10.162, 37.398
xyY
0.309, 0.148, 10.162
CIE-LCH
38.132, 84.37, 326.365
CIE-LUV
38.132, 49.463, -73.581
Hunter-Lab
31.878, 63.326, -47.241
RGB Binary
10011111, 00000000, 10100111

Metro Purple color with the HEX code #7e3878 and decimal value of 8271992 is composed of 49.4% red, 22% green and 47.1% blue. In the RGB value scale #7e3878 pruple consist of 126 Red, 56 Green and 120 Blue. The same purple in CMYK color space is composed of 0% cyan, 55.6% magenta, 4.8% yellow and 50.6% black. #7e3878 color has a hue angle of 305.1 degrees, a saturation of 38.5% and a lightness of 35.7%. This purple color with the HEX code #7e3878 can be composed by blending #B04EA8 and #4C2248 or blending #CA5AC0 and #321630. Closes websafe color of #7e3878 is #663366.

Hex color code
#7e3878
RGB Decimal
rgb(126,56,120)
RGB Percent
rgb(49.4%,22%,47.1%)
CMYK
0, 56, 5, 51
HSL
hsl(305.1,38.5%,35.7%)
HSV (or HSB)
305.1°, 55.6, 49.4
Web Safe
#663366
CIE-LAB
35.244, 39.407, -22.871
XYZ
13.408, 8.621, 18.726
xyY
0.329, 0.212, 8.621
CIE-LCH
35.244, 45.563, 329.87
CIE-LUV
35.244, 32.902, -35.853
Hunter-Lab
29.361, 30.133, -17.261
RGB Binary
01111110, 00111000, 01111000

Dark Metro Purple color with the HEX code #603cba and decimal value of 6307002 is composed of 37.6% red, 23.5% green and 72.9% blue. In the RGB value scale #603cba dark purple consists of 96 Red, 60 Green and 186 Blue. RGB is no the only color space and when using CMYK you can compose this color of 48.4% cyan, 67.7% magenta, 0% yellow and 27.1% black. #603cba color has a hue angle of 257.1 degrees, a saturation of 51.2% and a lightness of 48.2%. Dark purple color with the HEX code #603cba can be created by blending #C0789B and #0000D9 or #5C789B and #6400D9. Closest websafe color of #603cba is #6633cc.

Hex color code
#603cba
RGB Decimal
rgb(96,60,186)
RGB Percent
rgb(37.6%,23.5%,72.9%)
CMYK
48, 68, 0, 27
HSL
hsl(257.1,51.2%,48.2%)
HSV (or HSB)
257.1°, 67.7, 72.9
Web Safe
#6633cc
CIE-LAB
36.487, 45.762, -61.119
XYZ
15.301, 9.263, 47.434
xyY
0.213, 0.129, 9.263
CIE-LCH
36.487, 76.353, 306.823
CIE-LUV
36.487, 4.053, -88.795
Hunter-Lab
30.436, 36.475, -71.097
RGB Binary
01100000, 00111100, 10111010

Darken is used as black color for Metro Ui. While it is not pure black it does look better in web design and design in general. As you might know that there is no pure black in the nature and neither Metro UI has one. Metro Darken color with the HEX code 1d1d1d and decimal value of 1907997 is composed of 11.4% red, 11.4% green and 11.4% blue. In the RGB value scale 1d1d1d pruple consist of 29 Red, 29 Green and 29 Blue. Darken in CMYK color space is composed of 0% cyan, 0% magenta, 0% yellow and 88.6% black. 1d1d1d color has a hue angle of 0 degrees, a saturation of 0% and a lightness of 11.4%. Darken color with the HEX code 1d1d1d can be composed by blending #292929 and #111111 or blending #2E2E2E and #0C0C0C. Closes websafe color of 1d1d1d is #333333.

Hex color code
#1d1d1d
RGB Decimal
rgb(29,29,29)
RGB Percent
rgb(11.4%,11.4%,11.4%)
CMYK
0, 0, 0, 89
HSL
hsl(0,0%,11.4%)
HSV (or HSB)
0°, 0, 11.4
Web Safe
#333333
CIE-LAB
10.767, -0, -0.002
XYZ
1.168, 1.229, 1.338
xyY
0.313, 0.329, 1.229
CIE-LCH
10.767, 0.002, 266.929
CIE-LUV
10.767, -0.001, -0.001
Hunter-Lab
11.084, -0.592, 0.602
RGB Binary
00011101, 00011101, 00011101

Metro Teal color with the HEX code #00aba9 and decimal value of 6307002 is composed of 0% red, 67.1% green and 66.3% blue. In the RGB value scale #00aba9 teal consists of 0 Red, 171 Green and 169 Blue. RGB is no the only color space and when using CMYK you can compose this color of 100% cyan, 0% magenta, 1.2% yellow and 32.9% black. #00aba9 teal color has a hue angle of 179.3 degrees, a saturation of 100% and a lightness of 33.5%. Teal color with the HEX code #00aba9 can be created by blending #00EFED and #006765 or #008B89 and #00CBC9. Closest websafe color of #00aba9 is #009999.

Hex color code
#00aba9
RGB Decimal
rgb(0,171,169)
RGB Percent
rgb(0%,67.1%,66.3%)
CMYK
100, 0, 1, 33
HSL
hsl(179.3,100%,33.5%)
HSV (or HSB)
179.3°, 100, 67.1
Web Safe
#009999
CIE-LAB
63.333, -36.256, -9.455
XYZ
21.722, 31.988, 42.563
xyY
0.226, 0.332, 31.988
CIE-LCH
63.333, 37.469, 194.617
CIE-LUV
63.333, -49.197, -8.898
Hunter-Lab
56.558, -30.421, -5.029
RGB Binary
00000000, 10101011, 10101001

Light Metro Blue color with the HEX color code #eff4ff and decimal value of 15725823 is created by mixing 93.7% red, 95.7% green and 100% blue. In the CMYK color space #eff4ff light blue consist of 6.3% cyan, 4.3% magenta, 0% yellow and 0% black. In the regular RGB value scale #eff4ff consists of 239 Red, 244 Green and 255 Blue. This color also has a hue angle of 221.3 degrees, a saturation of 100% and a lightness of 96.9%. Light blue color with the HEX code #eff4ff can be created by blending #E9F3FF and #F5F5FF or #EEF0FF and #F0F8FF. Closest websafe color of #eff4ff is #ffffff.

Hex color code
#eff4ff
RGB Decimal
rgb(239,244,255)
RGB Percent
rgb(93.7%,95.7%,100%)
CMYK
6, 4, 0, 0
HSL
hsl(221.3,100%,96.9%)
HSV (or HSB)
221.3°, 6.3, 100
Web Safe
#ffffff
CIE-LAB
96.109, 0.363, -5.855
XYZ
85.994, 90.272, 107.496
xyY
0.303, 0.318, 90.272
CIE-LCH
96.109, 5.866, 273.544
CIE-LUV
96.109, -3.352, -9.233
Hunter-Lab
95.011, -4.711, -0.573
RGB Binary
11101111, 11110100, 11111111

Metro Blue color with the HEX color code #2d89ef and decimal value of 2984431 is created by mixing 17.6% red, 53.7% green and 93.7% blue. In the CMYK color space #2d89ef light blue consist of 81.2% cyan, 42.7% magenta, 0% yellow and 6.3% black. In the regular RGB value scale #2d89ef consists of 45 Red, 137 Green and 239 Blue. This color also has a hue angle of 211.5 degrees, a saturation of 85.8% and a lightness of 55.7%. Light blue color with the HEX code #2d89ef can be created by blending #00FFFF and #5A13DF or #009BFF and #5A77DF. Closest websafe color of #2d89ef is #3399ff.

Hex color code
#2d89ef
RGB Decimal
rgb(45,137,239)
RGB Percent
rgb(17.6%,53.7%,93.7%)
CMYK
81, 43, 0, 6
HSL
hsl(211.5,85.8%,55.7%)
HSV (or HSB)
211.5°, 81.2, 93.7
Web Safe
#3399ff
CIE-LAB
56.761, 9.293, -58.755
XYZ
25.604, 24.679, 85.071
xyY
0.189, 0.182, 24.679
CIE-LCH
56.761, 59.486, 278.988
CIE-LUV
56.761, -29.898, -93.825
Hunter-Lab
49.678, 5.063, -66.756
RGB Binary
00101101, 10001001, 11101111

Dark Metro Blue color with the HEX code #2b5797 and decimal value of 2840471 is composed of 16.9% red, 34.1% green and 59.2% blue. In the RGB value scale #2b5797 dark blue consists of 43 Red, 87 Green and 151 Blue. RGB is no the only color space and when using CMYK you can compose this color of 71.5% cyan, 42.4% magenta, 0% yellow and 40.8% black. #2b5797 color has a hue angle of 215.6 degrees, a saturation of 55.7% and a lightness of 38%. Dark blue color with the HEX code #2b5797 can be created by blending #06AEFF and #50002F or #064AFF and #50642F. Closest websafe color of #2b5797 is #336699.

Hex color code
#2b5797
RGB Decimal
rgb(43,87,151)
RGB Percent
rgb(16.9%,34.1%,59.2%)
CMYK
72, 42, 0, 41
HSL
hsl(215.6,55.7%,38%)
HSV (or HSB)
215.6°, 71.5, 59.2
Web Safe
#336699
CIE-LAB
37.048, 7.304, -39.537
XYZ
9.989, 9.564, 30.596
xyY
0.199, 0.191, 9.564
CIE-LCH
37.048, 40.206, 280.466
CIE-LUV
37.048, -16.812, -56.518
Hunter-Lab
30.925, 3.538, -37.011
RGB Binary
00101011, 01010111, 10010111

Metro Yellow color with the HEX code #ffc40d and decimal value of 16761869 is composed of 100% red, 76.9% green and 5.1% blue. In the RGB value scale #ffc40d yellow consists of 255 Red, 196 Green and 13 Blue. RGB is no the only color space and when using CMYK you can compose this color of 0% cyan, 23.1% magenta, 94.9% yellow and 0% black. #ffc40d color has a hue angle of 45.4 degrees, a saturation of 100% and a lightness of 52.5%. Yellow color with the HEX code #ffc40d can be created by blending #FFFF1A and #FF8900 or #FFFF00 and #FF891A. Closest websafe color of #ffc40d is #ffcc00.

Hex color code
#ffc40d
RGB Decimal
rgb(255,196,13)
RGB Percent
rgb(100%,76.9%,5.1%)
CMYK
0, 23, 95, 0
HSL
hsl(45.4,100%,52.5%)
HSV (or HSB)
45.4°, 94.9, 100
Web Safe
#ffcc00
CIE-LAB
82.256, 7.897, 82.625
XYZ
61.054, 60.772, 8.895
xyY
0.467, 0.465, 60.772
CIE-LCH
82.256, 83.001, 84.541
CIE-LUV
82.256, 49.768, 84.46
Hunter-Lab
77.957, 3.373, 47.804
RGB Binary
11111111, 11000100, 00001101

Metro Orange color with the HEX color code #e3a21a and decimal value of 14918170 is created by mixing 89% red, 63.5% green and 10.2% blue. In the CMYK color space #e3a21a orange consist of 0% cyan, 28.6% magenta, 88.5% yellow and 11% black. In the regular RGB value scale #e3a21a consists of 227 Red, 162 Green and 26 Blue. This orange color also has a hue angle of 40.6 degrees, a saturation of 79.4% and a lightness of 49.6%. Orange color with the HEX code #e3a21a can be created by blending #FFFF02 and #C74532 or #FF9B02 and #C7A932. Closest websafe color of #e3a21a is #cc9933.

Hex color code
#e3a21a
RGB Decimal
rgb(227,162,26)
RGB Percent
rgb(89%,63.5%,10.2%)
CMYK
0, 29, 89, 11
HSL
hsl(40.6,79.4%,49.6%)
HSV (or HSB)
40.6°, 88.5, 89
Web Safe
#cc9933
CIE-LAB
71.042, 13.898, 70.827
XYZ
44.786, 42.249, 6.773
xyY
0.477, 0.45, 42.249
CIE-LCH
71.042, 72.177, 78.898
CIE-LUV
71.042, 54.034, 69.973
Hunter-Lab
64.999, 9.243, 39.321
RGB Binary
11100011, 10100010, 00011010

Dark Metro Orange color with the HEX color code #da532c and decimal value of 14308140 is created by mixing 85.5% red, 32.5% green and 17.3% blue. In the CMYK color space #da532c dark orange consist of 0% cyan, 61.9% magenta, 79.8% yellow and 14.5% black. In the regular RGB value scale #da532c consists of 218 Red, 83 Green and 44 Blue. This dark orange color also has a hue angle of 13.4 degrees, a saturation of 70.2% and a lightness of 51.4%. Dark orange color with the HEX code #da532c can be created by blending #F00B30 with #C49B28 or #F06E58 with #C43700. Closest websafe color of #da532c is #cc6633.

Hex color code
#da532c
RGB Decimal
rgb(218,83,44)
RGB Percent
rgb(85.5%,32.5%,17.3%)
CMYK
0, 62, 80, 15
HSL
hsl(13.4,70.2%,51.4%)
HSV (or HSB)
13.4°, 79.8, 85.5
Web Safe
#cc6633
CIE-LAB
53.252, 51.005, 48.844
XYZ
32.463, 21.277, 4.78
xyY
0.555, 0.364, 21.277
CIE-LCH
53.252, 70.621, 43.76
CIE-LUV
53.252, 108.673, 38.026
Hunter-Lab
46.127, 44.899, 26.145
RGB Binary
11011010, 01010011, 00101100

Metro Red color with the HEX color code #ee1111 and decimal value of 15601937 is created by mixing 93.3% red, 6.7% green and 6.7% blue. In the CMYK color space #ee1111 red consist of 0% cyan, 92.9% magenta, 92.9% yellow and 6.7% black. In the regular RGB value scale #ee1111 consists of 238 Red, 17 Green and 17 Blue. This red color also has a hue angle of 0 degrees, a saturation of 86.7% and a lightness of 50%. Red color with the HEX code #ee1111 can be created by blending #F50022 with #E72200 or #F50000 with #E72222. Closest websafe color of #ee1111 is #ff0000.

Hex color code
#ee1111
RGB Decimal
rgb(238,17,17)
RGB Percent
rgb(93.3%,6.7%,6.7%)
CMYK
0, 93, 93, 7
HSL
hsl(0,86.7%,50%)
HSV (or HSB)
0°, 92.9, 93.3
Web Safe
#ff0000
CIE-LAB
50.244, 74.763, 59.31
XYZ
35.564, 18.623, 2.252
xyY
0.63, 0.33, 18.623
CIE-LCH
50.244, 95.432, 38.425
CIE-LUV
50.244, 159.631, 34.437
Hunter-Lab
43.155, 71.58, 27.114
RGB Binary
11101110, 00010001, 00010001

Dark Metro Red color with the HEX color code #b91d47 and decimal value of 12131655 is created by mixing 72.5% red, 11.4% green and 27.8% blue. In the CMYK color space #b91d47 dark red consist of 0% cyan, 84.3% magenta, 61.6% yellow and 27.5% black. In the regular RGB value scale #b91d47 consists of 185 Red, 29 Green and 71 Blue. This red color also has a hue angle of 343.8 degrees, a saturation of 72.9% and a lightness of 42%. Dark red color with the HEX code #b91d47 can be created by blending #FF3A2A with #730064 or #FF002A with #733A64. Closest websafe color of #b91d47 is #cc3333.

Hex color code
#b91d47
RGB Decimal
rgb(185,29,71)
RGB Percent
rgb(72.5%,11.4%,27.8%)
CMYK
0, 84, 62, 27
HSL
hsl(343.8,72.9%,42%)
HSV (or HSB)
343.8°, 84.3, 72.5
Web Safe
#cc3333
CIE-LAB
40.655, 60.85, 17.283
XYZ
21.585, 11.651, 7.073
xyY
0.535, 0.289, 11.651
CIE-LCH
40.655, 63.257, 15.856
CIE-LUV
40.655, 105.183, 7.196
Hunter-Lab
34.133, 53.149, 11.607
RGB Binary
10111001, 00011101, 01000111

There are no difference about white color in Metro UI because it uses pure white color with HEX code #ffffff. Metro White color with the HEX color code #ffffff and decimal value of 16777215 is created by mixing 100% red, 100% green and 100% blue. In the CMYK color space #ffffff white consist of 0% cyan, 0% magenta, 0% yellow and 0% black. In the regular RGB value scale #ffffff consists of 255 Red, 255 Green and 255 Blue. This white color also has a hue angle of 0 degrees, a saturation of 0% and a lightness of 100%. White color with the HEX code #ffffff can't be created by mixing colors. It is a pure color and let's leave it like that. Closest websafe color of #ffffff is #ffffff.

Hex color code
#ffffff
RGB Decimal
rgb(255,255,255)
RGB Percent
rgb(100%,100%,100%)
CMYK
0, 0, 0, 0
HSL
hsl(0,0%,100%)
HSV (or HSB)
0°, 0, 100
Web Safe
#ffffff
CIE-LAB
100, -0, -0.009
XYZ
95.047, 100, 108.897
xyY
0.313, 0.329, 100
CIE-LCH
100, 0.009, 266.929
CIE-LUV
100, -0.006, -0.013
Hunter-Lab
100, -5.342, 5.435
RGB Binary
11111111, 11111111, 11111111