Design flat styleframe illustration colors palette

  • #eabb2c
  • #80adf2
  • #13803c
  • #54a86a
  • #c9cfa8
  • #3c465b
  0.21k

Design flat styleframe illustration colors palette tiene 6 colores de muchos tonos distintos. El color más claro es Vara de oro pálido (#C9CFA8) y el más oscuro, Azul pizarra oscuro (#3C465B). La pareja con más contraste es #3C465B sobre #C9CFA8 (5.8:1, WCAG AA).

Creado en 09/09/2020 10:14
La paleta consta de Claro, semioscuro colores. Colores de acento #eabb2c y #80adf2. La paleta tiene temperatura de color Cálido, Frío.

Por luminosidad, la paleta va de #3C465B (más oscuro) a #C9CFA8 (más claro). El rango de luminosidad es moderado.

Saturación mixta: 1 apagados y 3 vivos de 6 colores.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

En conjunto, la temperatura de color tiende al frío (4 de 6).

Códigos HEX (ordenados): #13803C, #3C465B, #54A86A, #80ADF2, #C9CFA8, #EABB2C

La paleta Design flat styleframe illustration colors palette combina 6 códigos de color:
HEX: #eabb2c, RGB: (234, 187, 44); HEX: #80adf2, RGB: (128, 173, 242); HEX: #13803c, RGB: (19, 128, 60)
HEX: #54a86a, RGB: (84, 168, 106); HEX: #c9cfa8, RGB: (201, 207, 168); HEX: #3c465b, RGB: (60, 70, 91)
Versión simplificada de la paleta de colores
Tono claro de Vara de oro, Tono claro de Azul aciano, Tono oscuro de Verde mar, Tono oscuro de Verde mar medio, Tono oscuro de Vara de oro pálido, Tono oscuro de Azul pizarra oscuro
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

Design flat styleframe illustration colors palette códigos de color HEX, información RGB en la tabla

ColorHEXRGBNombrenombre alternativo
#eabb2c#eabb2cRGB(234, 187, 44)——
#80adf2#80adf2RGB(128, 173, 242)——
#13803c#13803cRGB(19, 128, 60)——
#54a86a#54a86aRGB(84, 168, 106)——
#c9cfa8#c9cfa8RGB(201, 207, 168)——
#3c465b#3c465bRGB(60, 70, 91)——

Contraste de la paleta de colores

8 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de textoColor de fondoRelación de contraste
#eabb2c
#80adf2
1.26
#eabb2c
#54a86a
1.62
#eabb2c
#c9cfa8
1.11
#80adf2
#54a86a
1.27
#80adf2
#c9cfa8
1.41
#13803c
#54a86a
1.71

Paleta de imágenes Design flat styleframe illustration colors palette png