Overwatch website dark ui hex colors

1.07k

Created at 07/13/2020 07:00

The palette consists of Light, Dark, Semi dark colors. Accent colors #df550f and #8cb2e5. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #411A0E (darkest) to #D3CED1 (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (3 of 6).

HEX codes (sorted): #411A0E, #503137, #526191, #8CB2E5, #D3CED1, #DF550F

Palette Overwatch website dark ui hex colors combines 6 color codes:

HEX: #df550f, RGB: (223, 85, 15); HEX: #8cb2e5, RGB: (140, 178, 229); HEX: #411a0e, RGB: (65, 26, 14)

HEX: #526191, RGB: (82, 97, 145); HEX: #d3ced1, RGB: (211, 206, 209); HEX: #503137, RGB: (80, 49, 55)

Simplified version of palette colors

Shade of chocolate, Shade of lightsteelblue, Shade of Maroon, Shade of slateblue, Shade of lightgrey, Tint of Maroon

Color scheme was created by colorswall

Color codes in palette

Overwatch website dark ui hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#df550f	#df550f	RGB(223, 85, 15)	—	—
#8cb2e5	#8cb2e5	RGB(140, 178, 229)	—	—
#411a0e	#411a0e	RGB(65, 26, 14)	—	—
#526191	#526191	RGB(82, 97, 145)	—	—
#d3ced1	#d3ced1	RGB(211, 206, 209)	—	—
#503137	#503137	RGB(80, 49, 55)	—	—

5 color pairs have low contrast and need improvement which may impact readability.