Registrarse Registrarse
The Last Autumn

The Last Autumn

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

Volver a la biblioteca

The Last Autumn

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

Editar
Colores vibrantes 7 colores Colores cálidos Tonos oscuros Armonía análoga fall autumn saturated nature
Me gusta 41
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #CBB917;
  --c-vibrant-2: #CBA017;
  --c-vibrant-3: #BA7015;
  --c-vibrant-4: #9F4312;
  --c-vibrant-5: #801E0F;
  --c-vibrant-6: #5A080E;
  --c-vibrant-7: #390C05;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Bird Flower (#CBB917), su tono más claro, a Red Bean (#390C05), el más oscuro. Combina Bird Flower, Australien, Sweet Mulled Cider, Powdered Coffee, Doombull Brown, Vampiric Council y Red Bean en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #CBB917 sobre #390C05, con 8,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

Bird Flower #CBB917
RGB
rgb(203, 185, 23)
HSL
hsl(54, 80%, 44%)
Luminancia
0,475
Australien #CBA017
RGB
rgb(203, 160, 23)
HSL
hsl(46, 80%, 44%)
Luminancia
0,379
Sweet Mulled Cider #BA7015
RGB
rgb(186, 112, 21)
HSL
hsl(33, 80%, 41%)
Luminancia
0,221
Powdered Coffee #9F4312
RGB
rgb(159, 67, 18)
HSL
hsl(21, 80%, 35%)
Luminancia
0,114
Doombull Brown #801E0F
RGB
rgb(128, 30, 15)
HSL
hsl(8, 79%, 28%)
Luminancia
0,056
Vampiric Council #5A080E
RGB
rgb(90, 8, 14)
HSL
hsl(356, 84%, 19%)
Luminancia
0,024
Red Bean #390C05
RGB
rgb(57, 12, 5)
HSL
hsl(8, 84%, 12%)
Luminancia
0,011

Contraste y accesibilidad

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

Aa #CBB917 sobre #390C05 8,54:1 AAA
Aa #CBB917 sobre #5A080E 7,11:1 AAA
Aa #CBA017 sobre #390C05 6,98:1 AA
Aa #CBA017 sobre #5A080E 5,81:1 AA
Aa #CBB917 sobre #801E0F 4,97:1 AA
Aa #BA7015 sobre #390C05 4,41:1 AA, texto grande
Aa #CBA017 sobre #801E0F 4,07:1 AA, texto grande
Aa #BA7015 sobre #5A080E 3,67:1 AA, texto grande
Aa #CBB917 sobre #9F4312 3,19:1 AA, texto grande
Aa #9F4312 sobre #390C05 2,67:1 No aprobado
Aa #CBA017 sobre #9F4312 2,61:1 No aprobado
Aa #BA7015 sobre #801E0F 2,57:1 No aprobado
Aa #9F4312 sobre #5A080E 2,23:1 No aprobado
Aa #CBB917 sobre #BA7015 1,94:1 No aprobado
Aa #801E0F sobre #390C05 1,72:1 No aprobado
Aa #BA7015 sobre #9F4312 1,65:1 No aprobado
Aa #CBA017 sobre #BA7015 1,58:1 No aprobado
Aa #9F4312 sobre #801E0F 1,56:1 No aprobado
Aa #801E0F sobre #5A080E 1,43:1 No aprobado
Aa #CBB917 sobre #CBA017 1,22:1 No aprobado
Aa #5A080E sobre #390C05 1,20: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