Los colores de las redes sociales

Ahora mismo estoy dedicando tiempo a hacer informes de redes sociales en el trabajo. Y para distinguirlas bien uso los colores que corresponden a cada una. El problema es que en general casi ninguna tiene suficiente contraste como para que se vean super bien.

Por eso decidí hacerme un listado de colores para tenerlo a mano, y ya que lo iba a hacer, lo dejo por aquí por si a alguien le viene bien.

Los colores son tanto del logo como de los usados en las interfaces. He escogido un color representativo por red social y he escogido colores que cumpliesen la AA porque la AAA unificaba demasiado los azules y hacía que se confundiesen.

Por otra parte, solo los he archivado en hexadecimal, RGB y HSL porque son los modos de color que manejo o podría manejar. De hecho este último lo descubrí hace poco (y me pareció un concepto interesantísimo) gracias a un artículo de Cris Busquets sobre el HSL que te dejo aquí para cuando termines este post.

Colores Facebook

Corporativo:

#1877f2

rgb(24, 119, 242)

hsl(213, 89, 52)

Azul AA:

#0D71EC

rgb(30, 113, 236)

hsl(213, 89, 49)

#0B5CC0 sobre #CEE3FC

#FFF sobre #0D71EC

Color Twitter

Corporativo:

#1DA1F2

rgb(29, 161, 242)

hsl(202, 89, 53)

Azul AA:

#0A7BBB

rgb(10, 123, 187)

hsl(202, 89, 39)

#00649E sobre #CEEBFC

#000 sobre #1DA1F2

Colores Instagram

Muestra 1:

#FED372

rgb(254, 211, 114)

hsl(41, 98, 72)

Amarillo AA:

#9E6C00

rgb(158, 108, 0)

hsl(41, 100, 31)

Muestra 2:

#F86F2F

rgb(248, 111, 47)

hsl(19, 93, 57)

Naranja AA:

#C63E00

rgb(198, 62, 0)

hsl(19, 100, 39)

Muestra 3:

#D43089

rgb(212, 48, 137)

hsl(327, 65, 50)

Rosa AA:

#C92A82

rgb(201, 42, 130)

hsl(327, 65, 48)

#B02574 sobre #F6D4E7

#FFF sobre #D43089

Muestra 4:

#9E37B8

rgb(158, 55, 184)

hsl(287, 53, 46)

Morado AA:

#9E37B8

rgb(158, 55, 184)

hsl(287, 53, 46)

Muestra 5:

#5F4BC6

rgb(95, 75, 198)

hsl(249, 51, 53)

Violeta AA:

#5F4BC6

rgb(95, 75, 198)

hsl(249, 51, 53)

Color LinkedIn

Corporativo:

#0073b1

rgb(0, 115, 177)

hsl(201, 100, 34)

Azul AAA:

#005C8E

rgb(0, 92, 142)

hsl(201, 100, 28)

#005C8E sobre #CCEDFF

#FFF sobre #005C8E

Color YouTube

Corporativo:

#FF0000

rgb(240, 0, 0)

hsl(0, 100, 47)

Rojo AAA:

#CC0000

rgb(192, 0, 0)

hsl(0, 100, 37)

#AD0000 sobre #FFCCCC

#FFF sobre #CC0000

Colores TikTok

Corporativo:

#FE2C55

rgb(254, 44, 85)

hsl(348, 99, 58)

Rosa AAA:

#E9012F

rgb(223, 1, 47)

hsl(348, 99, 46)

Corporativo:

#20D5EC

rgb(32, 213, 236)

hsl(186, 84, 52)

Cian AAA:

#00808E

rgb(0, 128, 142)

hsl(186, 100, 28)

Corporativo:

#000

rgb(0, 0, 0)

hsl(0, 0, 0)

Cian AAA:

#00808E

rgb(0, 128, 142)

hsl(186, 100, 28)

#000 sobre #E5E5E5

#E5E5E5 sobre #000

Deja un comentario