Registrarse Registrarse
Four Green

Four Green

Paleta de 4 colores · Colores neutros · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Four Green

Paleta de 4 colores · Colores neutros · Tonos oscuros · Armonía análoga

Editar
Colores apagados 4 colores Colores neutros Tonos oscuros Armonía análoga greens grass 4green fourgreen
Me gusta 27
Colores 4

Variables CSS

:root {
  --c-muted-1: #588F3D;
  --c-muted-2: #36633D;
  --c-muted-3: #293D36;
  --c-muted-4: #AABF40;
}

Sobre esta paleta

Esta paleta de 4 colores apagados va de Hopscotch (#AABF40), su tono más claro, a Scarab (#293D36), el más oscuro. Combina Indica, Genever Green, Scarab y Hopscotch en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #293D36 sobre #AABF40, con 5,64:1.

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

Desglose de colores

Indica #588F3D
RGB
rgb(88, 143, 61)
HSL
hsl(100, 40%, 40%)
Luminancia
0,221
Genever Green #36633D
RGB
rgb(54, 99, 61)
HSL
hsl(129, 29%, 30%)
Luminancia
0,100
Scarab #293D36
RGB
rgb(41, 61, 54)
HSL
hsl(159, 20%, 20%)
Luminancia
0,041
Hopscotch #AABF40
RGB
rgb(170, 191, 64)
HSL
hsl(70, 50%, 50%)
Luminancia
0,462

Contraste y accesibilidad

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

Aa #293D36 sobre #AABF40 5,64:1 AA
Aa #36633D sobre #AABF40 3,40:1 AA, texto grande
Aa #588F3D sobre #293D36 2,98:1 No aprobado
Aa #588F3D sobre #AABF40 1,89:1 No aprobado
Aa #588F3D sobre #36633D 1,80:1 No aprobado
Aa #36633D sobre #293D36 1,66: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