Registrarse Registrarse
Fruitpunch 8 🍇🍓🍍🍏

Fruitpunch 8 🍇🍓🍍🍏

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Fruitpunch 8 🍇🍓🍍🍏

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 8 colores Colores cálidos Tonos mixtos Armonía complementaria polyphrog rainbow fruit
Me gusta 88
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #120E23;
  --c-vibrant-2: #472859;
  --c-vibrant-3: #225875;
  --c-vibrant-4: #C53062;
  --c-vibrant-5: #249E4F;
  --c-vibrant-6: #F28941;
  --c-vibrant-7: #B4DC3A;
  --c-vibrant-8: #FFF1A9;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Transparent Yellow (#FFF1A9), su tono más claro, a Corbeau (#120E23), el más oscuro. Combina Corbeau, Acai, Sea Hunter, Maroon Light, Militant Vegan, Hot Orange, Acid Lime y Transparent Yellow en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 10 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #120E23 sobre #FFF1A9, con 16,54: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

Corbeau #120E23
RGB
rgb(18, 14, 35)
HSL
hsl(251, 43%, 10%)
Luminancia
0,006
Acai #472859
RGB
rgb(71, 40, 89)
HSL
hsl(278, 38%, 25%)
Luminancia
0,036
Sea Hunter #225875
RGB
rgb(34, 88, 117)
HSL
hsl(201, 55%, 30%)
Luminancia
0,086
Maroon Light #C53062
RGB
rgb(197, 48, 98)
HSL
hsl(340, 61%, 48%)
Luminancia
0,149
Militant Vegan #249E4F
RGB
rgb(36, 158, 79)
HSL
hsl(141, 63%, 38%)
Luminancia
0,254
Hot Orange #F28941
RGB
rgb(242, 137, 65)
HSL
hsl(24, 87%, 60%)
Luminancia
0,372
Acid Lime #B4DC3A
RGB
rgb(180, 220, 58)
HSL
hsl(75, 70%, 55%)
Luminancia
0,612
Transparent Yellow #FFF1A9
RGB
rgb(255, 241, 169)
HSL
hsl(50, 100%, 83%)
Luminancia
0,870

Contraste y accesibilidad

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

Aa #120E23 sobre #FFF1A9 16,54:1 AAA
Aa #120E23 sobre #B4DC3A 11,90:1 AAA
Aa #472859 sobre #FFF1A9 10,73:1 AAA
Aa #472859 sobre #B4DC3A 7,72:1 AAA
Aa #120E23 sobre #F28941 7,58:1 AAA
Aa #225875 sobre #FFF1A9 6,77:1 AA
Aa #120E23 sobre #249E4F 5,46:1 AA
Aa #472859 sobre #F28941 4,91:1 AA
Aa #225875 sobre #B4DC3A 4,87:1 AA
Aa #C53062 sobre #FFF1A9 4,63:1 AA
Aa #120E23 sobre #C53062 3,57:1 AA, texto grande
Aa #472859 sobre #249E4F 3,54:1 AA, texto grande
Aa #C53062 sobre #B4DC3A 3,33:1 AA, texto grande
Aa #225875 sobre #F28941 3,10:1 AA, texto grande
Aa #249E4F sobre #FFF1A9 3,03:1 AA, texto grande
Aa #120E23 sobre #225875 2,44:1 No aprobado
Aa #472859 sobre #C53062 2,32:1 No aprobado
Aa #225875 sobre #249E4F 2,23:1 No aprobado
Aa #249E4F sobre #B4DC3A 2,18:1 No aprobado
Aa #F28941 sobre #FFF1A9 2,18:1 No aprobado
Aa #C53062 sobre #F28941 2,12:1 No aprobado
Aa #472859 sobre #225875 1,59:1 No aprobado
Aa #F28941 sobre #B4DC3A 1,57:1 No aprobado
Aa #120E23 sobre #472859 1,54:1 No aprobado
Aa #C53062 sobre #249E4F 1,53:1 No aprobado
Aa #225875 sobre #C53062 1,46:1 No aprobado
Aa #249E4F sobre #F28941 1,39:1 No aprobado
Aa #B4DC3A sobre #FFF1A9 1,39:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores