Registrarse Registrarse
SPAFF 8

SPAFF 8

Paleta de 7 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

SPAFF 8

Paleta de 7 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar
Colores vibrantes 7 colores Colores cálidos Tonos oscuros Armonía complementaria dadaism
Me gusta 117
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #171900;
  --c-vibrant-2: #5E3801;
  --c-vibrant-3: #225500;
  --c-vibrant-4: #2400FF;
  --c-vibrant-5: #C111C3;
  --c-vibrant-6: #DD0975;
  --c-vibrant-7: #99AA00;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Barf Green (#99AA00), su tono más claro, a Chinese Black (#171900), el más oscuro. Combina Chinese Black, Brown, Lincoln Green, Blue Pencil, Explosive Purple, Magenta Elephant y Barf Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #171900 sobre #99AA00, con 6,89: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

Chinese Black #171900
RGB
rgb(23, 25, 0)
HSL
hsl(65, 100%, 5%)
Luminancia
0,009
Brown #5E3801
RGB
rgb(94, 56, 1)
HSL
hsl(35, 98%, 19%)
Luminancia
0,052
Lincoln Green #225500
RGB
rgb(34, 85, 0)
HSL
hsl(96, 100%, 17%)
Luminancia
0,068
Blue Pencil #2400FF
RGB
rgb(36, 0, 255)
HSL
hsl(248, 100%, 50%)
Luminancia
0,076
Explosive Purple #C111C3
RGB
rgb(193, 17, 195)
HSL
hsl(299, 84%, 42%)
Luminancia
0,157
Magenta Elephant #DD0975
RGB
rgb(221, 9, 117)
HSL
hsl(329, 92%, 45%)
Luminancia
0,169
Barf Green #99AA00
RGB
rgb(153, 170, 0)
HSL
hsl(66, 100%, 33%)
Luminancia
0,355

Contraste y accesibilidad

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

Aa #171900 sobre #99AA00 6,89:1 AA
Aa #5E3801 sobre #99AA00 3,97:1 AA, texto grande
Aa #171900 sobre #DD0975 3,72:1 AA, texto grande
Aa #171900 sobre #C111C3 3,52:1 AA, texto grande
Aa #225500 sobre #99AA00 3,42:1 AA, texto grande
Aa #2400FF sobre #99AA00 3,22:1 AA, texto grande
Aa #171900 sobre #2400FF 2,14:1 No aprobado
Aa #5E3801 sobre #DD0975 2,14:1 No aprobado
Aa #5E3801 sobre #C111C3 2,03:1 No aprobado
Aa #171900 sobre #225500 2,01:1 No aprobado
Aa #C111C3 sobre #99AA00 1,96:1 No aprobado
Aa #225500 sobre #DD0975 1,85:1 No aprobado
Aa #DD0975 sobre #99AA00 1,85:1 No aprobado
Aa #225500 sobre #C111C3 1,75:1 No aprobado
Aa #171900 sobre #5E3801 1,74:1 No aprobado
Aa #2400FF sobre #DD0975 1,73:1 No aprobado
Aa #2400FF sobre #C111C3 1,64:1 No aprobado
Aa #5E3801 sobre #2400FF 1,23:1 No aprobado
Aa #5E3801 sobre #225500 1,16:1 No aprobado
Aa #225500 sobre #2400FF 1,06:1 No aprobado
Aa #C111C3 sobre #DD0975 1,06:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores