Generar paleta
  1. paletas de colores
  2. Ui landing branding flat colors palette

Ui landing branding flat colors palette

  • #e6b032
  • #f3c978
  • #04845c
  • #5fa059
  • #b3d3c8
  • #049467
  0.2k

Ui landing branding flat colors palette tiene 6 colores de muchos tonos distintos. El color más claro es Madera (#F3C978) y el más oscuro, Verde mar (#04845C). La pareja con más contraste es #04845C sobre #F3C978 (3.0:1, WCAG AA para texto grande).

Creado en 04/23/2020 12:28
porcolorswall
La paleta consta de Claro, semioscuro colores. Colores de acento #f3c978 y #049467. La paleta tiene temperatura de color Cálido, Frío.

Por luminosidad, la paleta va de #04845C (más oscuro) a #F3C978 (más claro). El rango de luminosidad es moderado.

La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.

Una paleta variada: sus tonos se reparten por unos 122° de la rueda de color.

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

Códigos HEX (ordenados): #04845C, #049467, #5FA059, #B3D3C8, #E6B032, #F3C978

La paleta Ui landing branding flat colors palette combina 6 códigos de color:
HEX: #e6b032, RGB: (230, 176, 50); HEX: #f3c978, RGB: (243, 201, 120); HEX: #04845c, RGB: (4, 132, 92)
HEX: #5fa059, RGB: (95, 160, 89); HEX: #b3d3c8, RGB: (179, 211, 200); HEX: #049467, RGB: (4, 148, 103)
Versión simplificada de la paleta de colores
Tono claro de Vara de oro, Tono claro de Madera, Tono oscuro de Verde mar, Tono oscuro de Verde mar medio, Tono oscuro de Azul polvo, Tono oscuro de Verde mar
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

Ui landing branding flat colors palette códigos de color HEX, información RGB en la tabla

ColorHEXRGBNombrenombre alternativo
#e6b032#e6b032RGB(230, 176, 50)——
#f3c978#f3c978RGB(243, 201, 120)——
#04845c#04845cRGB(4, 132, 92)——
#5fa059#5fa059RGB(95, 160, 89)——
#b3d3c8#b3d3c8RGB(179, 211, 200)——
#049467#049467RGB(4, 148, 103)——

Contraste de la paleta de colores

9 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de textoColor de fondoRelación de contraste
#e6b032
#f3c978
1.26
#e6b032
#5fa059
1.59
#e6b032
#b3d3c8
1.23
#e6b032
#049467
1.95
#f3c978
#b3d3c8
1.02
#04845c
#5fa059
1.49

Paleta de imágenes Ui landing branding flat colors palette png

Ui landing branding flat colors palette: #e6b032, #f3c978, #04845c, #5fa059, #b3d3c8, #049467
 Descargar imagen