Registrarse Registrarse
OrangeFall

OrangeFall

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

Volver a la biblioteca

OrangeFall

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

Editar
Colores vibrantes 9 colores Colores cálidos Tonos oscuros Armonía complementaria fall monoramp colors autumn
Me gusta 28
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #100820;
  --c-vibrant-2: #381038;
  --c-vibrant-3: #601840;
  --c-vibrant-4: #A01828;
  --c-vibrant-5: #D02020;
  --c-vibrant-6: #F85800;
  --c-vibrant-7: #F89800;
  --c-vibrant-8: #E8D028;
  --c-vibrant-9: #F0F8E0;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de Lemon Sugar (#F0F8E0), su tono más claro, a Tristesse (#100820), el más oscuro. Combina Tristesse, Synallactida, Soul Anchor, Cut Ruby, Lionheart, Willpower Orange, Jack-O, Polliwog y Lemon Sugar en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #100820 sobre #F0F8E0, con 17,82: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

Tristesse #100820
RGB
rgb(16, 8, 32)
HSL
hsl(260, 60%, 8%)
Luminancia
0,004
Synallactida #381038
RGB
rgb(56, 16, 56)
HSL
hsl(300, 56%, 14%)
Luminancia
0,015
Soul Anchor #601840
RGB
rgb(96, 24, 64)
HSL
hsl(327, 60%, 24%)
Luminancia
0,035
Cut Ruby #A01828
RGB
rgb(160, 24, 40)
HSL
hsl(353, 74%, 36%)
Luminancia
0,083
Lionheart #D02020
RGB
rgb(208, 32, 32)
HSL
hsl(0, 73%, 47%)
Luminancia
0,146
Willpower Orange #F85800
RGB
rgb(248, 88, 0)
HSL
hsl(21, 100%, 49%)
Luminancia
0,269
Jack-O #F89800
RGB
rgb(248, 152, 0)
HSL
hsl(37, 100%, 49%)
Luminancia
0,424
Polliwog #E8D028
RGB
rgb(232, 208, 40)
HSL
hsl(53, 81%, 53%)
Luminancia
0,624
Lemon Sugar #F0F8E0
RGB
rgb(240, 248, 224)
HSL
hsl(80, 63%, 93%)
Luminancia
0,910

Contraste y accesibilidad

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

Aa #100820 sobre #F0F8E0 17,82:1 AAA
Aa #381038 sobre #F0F8E0 14,78:1 AAA
Aa #100820 sobre #E8D028 12,51:1 AAA
Aa #601840 sobre #F0F8E0 11,29:1 AAA
Aa #381038 sobre #E8D028 10,38:1 AAA
Aa #100820 sobre #F89800 8,80:1 AAA
Aa #601840 sobre #E8D028 7,92:1 AAA
Aa #381038 sobre #F89800 7,30:1 AAA
Aa #A01828 sobre #F0F8E0 7,23:1 AAA
Aa #100820 sobre #F85800 5,93:1 AA
Aa #601840 sobre #F89800 5,57:1 AA
Aa #A01828 sobre #E8D028 5,08:1 AA
Aa #381038 sobre #F85800 4,92:1 AA
Aa #D02020 sobre #F0F8E0 4,91:1 AA
Aa #601840 sobre #F85800 3,75:1 AA, texto grande
Aa #100820 sobre #D02020 3,63:1 AA, texto grande
Aa #A01828 sobre #F89800 3,57:1 AA, texto grande
Aa #D02020 sobre #E8D028 3,45:1 AA, texto grande
Aa #381038 sobre #D02020 3,01:1 AA, texto grande
Aa #F85800 sobre #F0F8E0 3,01:1 AA, texto grande
Aa #100820 sobre #A01828 2,46:1 No aprobado
Aa #D02020 sobre #F89800 2,43:1 No aprobado
Aa #A01828 sobre #F85800 2,40:1 No aprobado
Aa #601840 sobre #D02020 2,30:1 No aprobado
Aa #F85800 sobre #E8D028 2,11:1 No aprobado
Aa #381038 sobre #A01828 2,04:1 No aprobado
Aa #F89800 sobre #F0F8E0 2,03:1 No aprobado
Aa #D02020 sobre #F85800 1,63:1 No aprobado
Aa #100820 sobre #601840 1,58:1 No aprobado
Aa #601840 sobre #A01828 1,56:1 No aprobado
Aa #F85800 sobre #F89800 1,48:1 No aprobado
Aa #A01828 sobre #D02020 1,47:1 No aprobado
Aa #F89800 sobre #E8D028 1,42:1 No aprobado
Aa #E8D028 sobre #F0F8E0 1,42:1 No aprobado
Aa #381038 sobre #601840 1,31:1 No aprobado
Aa #100820 sobre #381038 1,21: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