Registrarse Registrarse
HarshGreens

HarshGreens

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

Volver a la biblioteca

HarshGreens

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

Editar
Colores vibrantes 4 colores Colores neutros Tonos oscuros Armonía monocromática artist gameboy wildleoknight wildleoknightgameboy
Me gusta 40
Colores 4

Variables CSS

:root {
  --c-vibrant-1: #BEEB71;
  --c-vibrant-2: #6AB417;
  --c-vibrant-3: #376D03;
  --c-vibrant-4: #172808;
}

Sobre esta paleta

Esta paleta de 4 colores vibrantes va de Pisco Sour (#BEEB71), su tono más claro, a Lindworm Green (#172808), el más oscuro. Combina Pisco Sour, Extra Life, Tatzelwurm Green y Lindworm Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #BEEB71 sobre #172808, con 11,4: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

Pisco Sour #BEEB71
RGB
rgb(190, 235, 113)
HSL
hsl(82, 75%, 68%)
Luminancia
0,716
Extra Life #6AB417
RGB
rgb(106, 180, 23)
HSL
hsl(88, 77%, 40%)
Luminancia
0,358
Tatzelwurm Green #376D03
RGB
rgb(55, 109, 3)
HSL
hsl(91, 95%, 22%)
Luminancia
0,118
Lindworm Green #172808
RGB
rgb(23, 40, 8)
HSL
hsl(92, 67%, 9%)
Luminancia
0,017

Contraste y accesibilidad

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

Aa #BEEB71 sobre #172808 11,40:1 AAA
Aa #6AB417 sobre #172808 6,07:1 AA
Aa #BEEB71 sobre #376D03 4,57:1 AA
Aa #376D03 sobre #172808 2,49:1 No aprobado
Aa #6AB417 sobre #376D03 2,43:1 No aprobado
Aa #BEEB71 sobre #6AB417 1,88: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