Vector web logo ux hex colors

  • #5dcdaa
  • #99e2b3
  • #84563e
  • #8db2ba
  • #d19aa7
  • #684330
  0.21k

Vector web logo ux hex colors tiene 6 colores de muchos tonos distintos. El color más claro es Aguamarina medio (#99E2B3) y el más oscuro, Marrón cuero (#684330). La pareja con más contraste es #684330 sobre #99E2B3 (5.7:1, WCAG AA).

Creado en 10/31/2020 19:51
La paleta consta de Claro, semioscuro colores. Colores de acento #99e2b3 y #d19aa7. La paleta tiene temperatura de color Frío, Cálido.

Por luminosidad, la paleta va de #684330 (más oscuro) a #99E2B3 (más claro). El rango de luminosidad es moderado.

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

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

Las notas cálidas y frías están bastante equilibradas (3 cálidas, 3 frías).

Códigos HEX (ordenados): #5DCDAA, #684330, #84563E, #8DB2BA, #99E2B3, #D19AA7

La paleta Vector web logo ux hex colors combina 6 códigos de color:
HEX: #5dcdaa, RGB: (93, 205, 170); HEX: #99e2b3, RGB: (153, 226, 179); HEX: #84563e, RGB: (132, 86, 62)
HEX: #8db2ba, RGB: (141, 178, 186); HEX: #d19aa7, RGB: (209, 154, 167); HEX: #684330, RGB: (104, 67, 48)
Versión simplificada de la paleta de colores
Tono oscuro de Aguamarina medio, Tono claro de Aguamarina medio, Tono oscuro de Siena, Tono claro de Azul cadete, Tono claro de Marrón rosado, Tono oscuro de Marrón cuero
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

Vector web logo ux hex colors códigos de color HEX, información RGB en la tabla

ColorHEXRGBNombrenombre alternativo
#5dcdaa#5dcdaaRGB(93, 205, 170)——
#99e2b3#99e2b3RGB(153, 226, 179)——
#84563e#84563eRGB(132, 86, 62)——
#8db2ba#8db2baRGB(141, 178, 186)——
#d19aa7#d19aa7RGB(209, 154, 167)——
#684330#684330RGB(104, 67, 48)——

Contraste de la paleta de colores

7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de textoColor de fondoRelación de contraste
#5dcdaa
#99e2b3
1.28
#5dcdaa
#8db2ba
1.17
#5dcdaa
#d19aa7
1.21
#99e2b3
#8db2ba
1.5
#99e2b3
#d19aa7
1.56
#84563e
#684330
1.38

Paleta de imágenes Vector web logo ux hex colors png