Inicio Paletas de colores Halloween Palette

Halloween Palette

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

Volver a la biblioteca

Halloween Palette

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

Editar

Colores terrosos 7 colores Colores cálidos Tonos oscuros Armonía complementaria spooky calm halloween

Me gusta 219

Colores 7

Variables CSS

:root {
  --c-earthy-1: #171318;
  --c-earthy-2: #291B17;
  --c-earthy-3: #3B1D36;
  --c-earthy-4: #583639;
  --c-earthy-5: #59584D;
  --c-earthy-6: #998B74;
  --c-earthy-7: #A2A3DC;
}

Sobre esta paleta

Esta paleta de 7 colores terrosos va de Simply Violet (#A2A3DC), su tono más claro, a Dark Void (#171318), el más oscuro. Combina Dark Void, Tetsu-Guro Black, Sitter Red, Dark Drama, Windgate Hill, Peat Swamp Forest y Simply Violet 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 #171318 sobre #A2A3DC, con 7,71:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Dark Void #171318

RGB: rgb(23, 19, 24)
HSL: hsl(288, 12%, 8%)
Luminancia: 0,007

Tetsu-Guro Black #291B17

RGB: rgb(41, 27, 23)
HSL: hsl(13, 28%, 13%)
Luminancia: 0,013

Sitter Red #3B1D36

RGB: rgb(59, 29, 54)
HSL: hsl(310, 34%, 17%)
Luminancia: 0,021

Dark Drama #583639

RGB: rgb(88, 54, 57)
HSL: hsl(355, 24%, 28%)
Luminancia: 0,050

Windgate Hill #59584D

RGB: rgb(89, 88, 77)
HSL: hsl(55, 7%, 33%)
Luminancia: 0,096

Peat Swamp Forest #998B74

RGB: rgb(153, 139, 116)
HSL: hsl(37, 15%, 53%)
Luminancia: 0,265

Simply Violet #A2A3DC

RGB: rgb(162, 163, 220)
HSL: hsl(239, 45%, 75%)
Luminancia: 0,390

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 #171318 sobre #A2A3DC 7,71:1 AAA

Aa #291B17 sobre #A2A3DC 6,97:1 AA

Aa #3B1D36 sobre #A2A3DC 6,23:1 AA

Aa #171318 sobre #998B74 5,51:1 AA

Aa #291B17 sobre #998B74 4,99:1 AA

Aa #3B1D36 sobre #998B74 4,45:1 AA, texto grande

Aa #583639 sobre #A2A3DC 4,40:1 AA, texto grande

Aa #583639 sobre #998B74 3,15:1 AA, texto grande

Aa #59584D sobre #A2A3DC 3,01:1 AA, texto grande

Aa #171318 sobre #59584D 2,56:1 No aprobado

Aa #291B17 sobre #59584D 2,32:1 No aprobado

Aa #59584D sobre #998B74 2,15:1 No aprobado

Aa #3B1D36 sobre #59584D 2,07:1 No aprobado

Aa #171318 sobre #583639 1,75:1 No aprobado

Aa #291B17 sobre #583639 1,58:1 No aprobado

Aa #583639 sobre #59584D 1,46:1 No aprobado

Aa #3B1D36 sobre #583639 1,41:1 No aprobado

Aa #998B74 sobre #A2A3DC 1,40:1 No aprobado

Aa #171318 sobre #3B1D36 1,24:1 No aprobado

Aa #291B17 sobre #3B1D36 1,12:1 No aprobado

Aa #171318 sobre #291B17 1,11: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

Halloween Palette