Registrarse Registrarse
Undead Colors

Undead Colors

Paleta de 5 colores · Colores neutros · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Undead Colors

Paleta de 5 colores · Colores neutros · Tonos oscuros · Armonía monocromática

Editar
Colores apagados 5 colores Colores neutros Tonos oscuros Armonía monocromática pixelart colors pixel games
Me gusta 62
Colores 5

Variables CSS

:root {
  --c-muted-1: #23232B;
  --c-muted-2: #38523A;
  --c-muted-3: #5E734F;
  --c-muted-4: #536A43;
  --c-muted-5: #2D3C33;
}

Sobre esta paleta

Esta paleta de 5 colores apagados va de Greenfield (#5E734F), su tono más claro, a Dark Gunmetal (#23232B), el más oscuro. Combina Dark Gunmetal, Highlander, Greenfield, Fern Grotto y Scarab en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 10 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Dark Gunmetal #23232B
RGB
rgb(35, 35, 43)
HSL
hsl(240, 10%, 15%)
Luminancia
0,017
Highlander #38523A
RGB
rgb(56, 82, 58)
HSL
hsl(125, 19%, 27%)
Luminancia
0,072
Greenfield #5E734F
RGB
rgb(94, 115, 79)
HSL
hsl(95, 19%, 38%)
Luminancia
0,152
Fern Grotto #536A43
RGB
rgb(83, 106, 67)
HSL
hsl(95, 23%, 34%)
Luminancia
0,126
Scarab #2D3C33
RGB
rgb(45, 60, 51)
HSL
hsl(144, 14%, 21%)
Luminancia
0,040

Contraste y accesibilidad

Combinaciones de colores en la paleta: 10. De ellas, 0 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #23232B sobre #5E734F 3,00:1 AA, texto grande
Aa #23232B sobre #536A43 2,61:1 No aprobado
Aa #5E734F sobre #2D3C33 2,24:1 No aprobado
Aa #536A43 sobre #2D3C33 1,94:1 No aprobado
Aa #23232B sobre #38523A 1,81:1 No aprobado
Aa #38523A sobre #5E734F 1,66:1 No aprobado
Aa #38523A sobre #536A43 1,44:1 No aprobado
Aa #38523A sobre #2D3C33 1,35:1 No aprobado
Aa #23232B sobre #2D3C33 1,34:1 No aprobado
Aa #5E734F sobre #536A43 1,15:1 No aprobado

Paletas similares

#000000 #3E065F #700B97 #8E05C2
4 colores
#000000 #150050 #3F0071 #FB2576
4 colores
#000000 #3E432E #616F39 #A7D129
4 colores
#4B5D67 #322F3D #59405C #87556F
4 colores
#18230F #27391C #255F38 #1F7D53
4 colores
#FF5200 #6F0000 #00263B #00A1AB
4 colores
#000000 #0F6292 #16FF00 #FFED00
4 colores
#251D3A #2A2550 #E04D01 #FF7700
4 colores