Registrarse Registrarse
Haunted Hollows

Haunted Hollows

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

Volver a la biblioteca

Haunted Hollows

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

Editar
Colores vibrantes 9 colores Colores cálidos Tonos oscuros Armonía triádica orange red purple spooky
Me gusta 115
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #060423;
  --c-vibrant-2: #0E0B38;
  --c-vibrant-3: #2B0D46;
  --c-vibrant-4: #4C1A4E;
  --c-vibrant-5: #791D46;
  --c-vibrant-6: #AD2340;
  --c-vibrant-7: #D65B49;
  --c-vibrant-8: #F28F61;
  --c-vibrant-9: #FAB269;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de Ripe Cantaloupe (#FAB269), su tono más claro, a Hadopelagic Water (#060423), el más oscuro. Combina Hadopelagic Water, Grim Reaper, Oily Purple, Plunged Into Darkness, Caviar Couture, Bresaola, Flame Stitch, Orange Slice y Ripe Cantaloupe en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #060423 sobre #FAB269, con 11,09: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

Hadopelagic Water #060423
RGB
rgb(6, 4, 35)
HSL
hsl(244, 79%, 8%)
Luminancia
0,003
Grim Reaper #0E0B38
RGB
rgb(14, 11, 56)
HSL
hsl(244, 67%, 13%)
Luminancia
0,006
Oily Purple #2B0D46
RGB
rgb(43, 13, 70)
HSL
hsl(272, 69%, 16%)
Luminancia
0,012
Plunged Into Darkness #4C1A4E
RGB
rgb(76, 26, 78)
HSL
hsl(298, 50%, 20%)
Luminancia
0,028
Caviar Couture #791D46
RGB
rgb(121, 29, 70)
HSL
hsl(333, 61%, 29%)
Luminancia
0,054
Bresaola #AD2340
RGB
rgb(173, 35, 64)
HSL
hsl(347, 66%, 41%)
Luminancia
0,105
Flame Stitch #D65B49
RGB
rgb(214, 91, 73)
HSL
hsl(8, 63%, 56%)
Luminancia
0,223
Orange Slice #F28F61
RGB
rgb(242, 143, 97)
HSL
hsl(19, 85%, 66%)
Luminancia
0,394
Ripe Cantaloupe #FAB269
RGB
rgb(250, 178, 105)
HSL
hsl(30, 94%, 70%)
Luminancia
0,532

Contraste y accesibilidad

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

Aa #060423 sobre #FAB269 11,09:1 AAA
Aa #0E0B38 sobre #FAB269 10,36:1 AAA
Aa #2B0D46 sobre #FAB269 9,32:1 AAA
Aa #060423 sobre #F28F61 8,46:1 AAA
Aa #0E0B38 sobre #F28F61 7,90:1 AAA
Aa #4C1A4E sobre #FAB269 7,44:1 AAA
Aa #2B0D46 sobre #F28F61 7,11:1 AAA
Aa #4C1A4E sobre #F28F61 5,67:1 AA
Aa #791D46 sobre #FAB269 5,60:1 AA
Aa #060423 sobre #D65B49 5,20:1 AA
Aa #0E0B38 sobre #D65B49 4,85:1 AA
Aa #2B0D46 sobre #D65B49 4,37:1 AA, texto grande
Aa #791D46 sobre #F28F61 4,27:1 AA, texto grande
Aa #AD2340 sobre #FAB269 3,76:1 AA, texto grande
Aa #4C1A4E sobre #D65B49 3,48:1 AA, texto grande
Aa #060423 sobre #AD2340 2,95:1 No aprobado
Aa #AD2340 sobre #F28F61 2,87:1 No aprobado
Aa #0E0B38 sobre #AD2340 2,75:1 No aprobado
Aa #791D46 sobre #D65B49 2,62:1 No aprobado
Aa #2B0D46 sobre #AD2340 2,48:1 No aprobado
Aa #D65B49 sobre #FAB269 2,13:1 No aprobado
Aa #060423 sobre #791D46 1,98:1 No aprobado
Aa #4C1A4E sobre #AD2340 1,98:1 No aprobado
Aa #0E0B38 sobre #791D46 1,85:1 No aprobado
Aa #AD2340 sobre #D65B49 1,76:1 No aprobado
Aa #2B0D46 sobre #791D46 1,66:1 No aprobado
Aa #D65B49 sobre #F28F61 1,63:1 No aprobado
Aa #060423 sobre #4C1A4E 1,49:1 No aprobado
Aa #791D46 sobre #AD2340 1,49:1 No aprobado
Aa #0E0B38 sobre #4C1A4E 1,39:1 No aprobado
Aa #4C1A4E sobre #791D46 1,33:1 No aprobado
Aa #F28F61 sobre #FAB269 1,31:1 No aprobado
Aa #2B0D46 sobre #4C1A4E 1,25:1 No aprobado
Aa #060423 sobre #2B0D46 1,19:1 No aprobado
Aa #0E0B38 sobre #2B0D46 1,11:1 No aprobado
Aa #060423 sobre #0E0B38 1,07: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