Registrarse Registrarse
Autumn Fire 12

Autumn Fire 12

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Autumn Fire 12

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Editar
Colores vibrantes 12 colores Colores cálidos Tonos oscuros Armonía monocromática fall red warm autumn
Me gusta 70
Colores 12

Variables CSS

:root {
  --c-vibrant-1: #5E0808;
  --c-vibrant-2: #8F1313;
  --c-vibrant-3: #D93838;
  --c-vibrant-4: #290C07;
  --c-vibrant-5: #4D1912;
  --c-vibrant-6: #753128;
  --c-vibrant-7: #9C2700;
  --c-vibrant-8: #D1491B;
  --c-vibrant-9: #F76C3E;
  --c-vibrant-10: #5C282E;
  --c-vibrant-11: #8F4F56;
  --c-vibrant-12: #BD777F;
}

Sobre esta paleta

Esta paleta de 12 colores vibrantes va de Chinese Orange (#F76C3E), su tono más claro, a Root Brew (#290C07), el más oscuro. Combina Vampire Hunter, Jack and Coke, Jasper, Root Brew, Barbecue Sauce, Brandy Brown, Smoking Red, Underpass Shrine, Chinese Orange, Kuwazome Red, Rialto y Rosily en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #290C07 sobre #F76C3E, con 6,23: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

Vampire Hunter #5E0808
RGB
rgb(94, 8, 8)
HSL
hsl(0, 84%, 20%)
Luminancia
0,026
Jack and Coke #8F1313
RGB
rgb(143, 19, 19)
HSL
hsl(0, 77%, 32%)
Luminancia
0,064
Jasper #D93838
RGB
rgb(217, 56, 56)
HSL
hsl(0, 68%, 54%)
Luminancia
0,179
Root Brew #290C07
RGB
rgb(41, 12, 7)
HSL
hsl(9, 71%, 9%)
Luminancia
0,008
Barbecue Sauce #4D1912
RGB
rgb(77, 25, 18)
HSL
hsl(7, 62%, 19%)
Luminancia
0,023
Brandy Brown #753128
RGB
rgb(117, 49, 40)
HSL
hsl(7, 49%, 31%)
Luminancia
0,061
Smoking Red #9C2700
RGB
rgb(156, 39, 0)
HSL
hsl(15, 100%, 31%)
Luminancia
0,085
Underpass Shrine #D1491B
RGB
rgb(209, 73, 27)
HSL
hsl(15, 77%, 46%)
Luminancia
0,184
Chinese Orange #F76C3E
RGB
rgb(247, 108, 62)
HSL
hsl(15, 92%, 61%)
Luminancia
0,309
Kuwazome Red #5C282E
RGB
rgb(92, 40, 46)
HSL
hsl(353, 39%, 26%)
Luminancia
0,040
Rialto #8F4F56
RGB
rgb(143, 79, 86)
HSL
hsl(353, 29%, 44%)
Luminancia
0,121
Rosily #BD777F
RGB
rgb(189, 119, 127)
HSL
hsl(353, 35%, 60%)
Luminancia
0,255

Contraste y accesibilidad

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

Aa #290C07 sobre #F76C3E 6,23:1 AA
Aa #290C07 sobre #BD777F 5,31:1 AA
Aa #4D1912 sobre #F76C3E 4,90:1 AA
Aa #5E0808 sobre #F76C3E 4,73:1 AA
Aa #4D1912 sobre #BD777F 4,17:1 AA, texto grande
Aa #290C07 sobre #D1491B 4,07:1 AA, texto grande
Aa #5E0808 sobre #BD777F 4,03:1 AA, texto grande
Aa #F76C3E sobre #5C282E 3,99:1 AA, texto grande
Aa #D93838 sobre #290C07 3,98:1 AA, texto grande
Aa #5C282E sobre #BD777F 3,40:1 AA, texto grande
Aa #753128 sobre #F76C3E 3,22:1 AA, texto grande
Aa #4D1912 sobre #D1491B 3,20:1 AA, texto grande
Aa #8F1313 sobre #F76C3E 3,16:1 AA, texto grande
Aa #D93838 sobre #4D1912 3,13:1 AA, texto grande
Aa #5E0808 sobre #D1491B 3,09:1 AA, texto grande
Aa #5E0808 sobre #D93838 3,02:1 AA, texto grande
Aa #290C07 sobre #8F4F56 2,97:1 No aprobado
Aa #753128 sobre #BD777F 2,74:1 No aprobado
Aa #8F1313 sobre #BD777F 2,69:1 No aprobado
Aa #9C2700 sobre #F76C3E 2,65:1 No aprobado
Aa #D1491B sobre #5C282E 2,60:1 No aprobado
Aa #D93838 sobre #5C282E 2,54:1 No aprobado
Aa #290C07 sobre #9C2700 2,35:1 No aprobado
Aa #4D1912 sobre #8F4F56 2,34:1 No aprobado
Aa #5E0808 sobre #8F4F56 2,26:1 No aprobado
Aa #9C2700 sobre #BD777F 2,26:1 No aprobado
Aa #753128 sobre #D1491B 2,10:1 No aprobado
Aa #F76C3E sobre #8F4F56 2,10:1 No aprobado
Aa #8F1313 sobre #D1491B 2,06:1 No aprobado
Aa #D93838 sobre #753128 2,05:1 No aprobado
Aa #8F1313 sobre #D93838 2,01:1 No aprobado
Aa #8F1313 sobre #290C07 1,97:1 No aprobado
Aa #290C07 sobre #753128 1,94:1 No aprobado
Aa #5C282E sobre #8F4F56 1,90:1 No aprobado
Aa #4D1912 sobre #9C2700 1,85:1 No aprobado
Aa #5E0808 sobre #9C2700 1,79:1 No aprobado
Aa #8F4F56 sobre #BD777F 1,79:1 No aprobado
Aa #9C2700 sobre #D1491B 1,73:1 No aprobado
Aa #D93838 sobre #9C2700 1,69:1 No aprobado
Aa #D93838 sobre #F76C3E 1,57:1 No aprobado
Aa #290C07 sobre #5C282E 1,56:1 No aprobado
Aa #8F1313 sobre #4D1912 1,55:1 No aprobado
Aa #753128 sobre #8F4F56 1,54:1 No aprobado
Aa #D1491B sobre #F76C3E 1,53:1 No aprobado
Aa #4D1912 sobre #753128 1,52:1 No aprobado
Aa #8F1313 sobre #8F4F56 1,51:1 No aprobado
Aa #5E0808 sobre #8F1313 1,50:1 No aprobado
Aa #9C2700 sobre #5C282E 1,50:1 No aprobado
Aa #5E0808 sobre #753128 1,47:1 No aprobado
Aa #D1491B sobre #8F4F56 1,37:1 No aprobado
Aa #D93838 sobre #8F4F56 1,34:1 No aprobado
Aa #D93838 sobre #BD777F 1,34:1 No aprobado
Aa #5E0808 sobre #290C07 1,32:1 No aprobado
Aa #D1491B sobre #BD777F 1,31:1 No aprobado
Aa #290C07 sobre #4D1912 1,27:1 No aprobado
Aa #9C2700 sobre #8F4F56 1,27:1 No aprobado
Aa #8F1313 sobre #5C282E 1,26:1 No aprobado
Aa #753128 sobre #5C282E 1,24:1 No aprobado
Aa #4D1912 sobre #5C282E 1,23:1 No aprobado
Aa #753128 sobre #9C2700 1,21:1 No aprobado
Aa #5E0808 sobre #5C282E 1,19:1 No aprobado
Aa #8F1313 sobre #9C2700 1,19:1 No aprobado
Aa #F76C3E sobre #BD777F 1,17:1 No aprobado
Aa #5E0808 sobre #4D1912 1,03:1 No aprobado
Aa #8F1313 sobre #753128 1,02:1 No aprobado
Aa #D93838 sobre #D1491B 1,02: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