Registrarse Registrarse
Super Spark

Super Spark

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Super Spark

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía complementaria artist anubiarts desaturated 12
Me gusta 83
Colores 12

Variables CSS

:root {
  --c-earthy-1: #19181C;
  --c-earthy-2: #57607D;
  --c-earthy-3: #959984;
  --c-earthy-4: #E8EDEC;
  --c-earthy-5: #F0B47F;
  --c-earthy-6: #BF75BF;
  --c-earthy-7: #B8636E;
  --c-earthy-8: #554F69;
  --c-earthy-9: #5262A1;
  --c-earthy-10: #7BBCE8;
  --c-earthy-11: #5C8559;
  --c-earthy-12: #74C261;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Kiss Me Kate (#E8EDEC), su tono más claro, a Aswad Black (#19181C), el más oscuro. Combina Aswad Black, Award Night, Gundaroo Green, Kiss Me Kate, Smoked Ham, Gulābī Pink, Slate Rose, Magic Spell, Electrify, Aero, Magic Sage y Mantis en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #19181C sobre #E8EDEC, con 14,94: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

Aswad Black #19181C
RGB
rgb(25, 24, 28)
HSL
hsl(255, 8%, 10%)
Luminancia
0,009
Award Night #57607D
RGB
rgb(87, 96, 125)
HSL
hsl(226, 18%, 42%)
Luminancia
0,119
Gundaroo Green #959984
RGB
rgb(149, 153, 132)
HSL
hsl(71, 9%, 56%)
Luminancia
0,308
Kiss Me Kate #E8EDEC
RGB
rgb(232, 237, 236)
HSL
hsl(168, 12%, 92%)
Luminancia
0,838
Smoked Ham #F0B47F
RGB
rgb(240, 180, 127)
HSL
hsl(28, 79%, 72%)
Luminancia
0,527
Gulābī Pink #BF75BF
RGB
rgb(191, 117, 191)
HSL
hsl(300, 37%, 60%)
Luminancia
0,276
Slate Rose #B8636E
RGB
rgb(184, 99, 110)
HSL
hsl(352, 37%, 55%)
Luminancia
0,202
Magic Spell #554F69
RGB
rgb(85, 79, 105)
HSL
hsl(254, 14%, 36%)
Luminancia
0,085
Electrify #5262A1
RGB
rgb(82, 98, 161)
HSL
hsl(228, 33%, 48%)
Luminancia
0,131
Aero #7BBCE8
RGB
rgb(123, 188, 232)
HSL
hsl(204, 70%, 70%)
Luminancia
0,460
Magic Sage #5C8559
RGB
rgb(92, 133, 89)
HSL
hsl(116, 20%, 44%)
Luminancia
0,198
Mantis #74C261
RGB
rgb(116, 194, 97)
HSL
hsl(108, 44%, 57%)
Luminancia
0,432

Contraste y accesibilidad

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

Aa #19181C sobre #E8EDEC 14,94:1 AAA
Aa #19181C sobre #F0B47F 9,71:1 AAA
Aa #19181C sobre #7BBCE8 8,58:1 AAA
Aa #19181C sobre #74C261 8,10:1 AAA
Aa #E8EDEC sobre #554F69 6,56:1 AA
Aa #19181C sobre #959984 6,03:1 AA
Aa #19181C sobre #BF75BF 5,48:1 AA
Aa #57607D sobre #E8EDEC 5,26:1 AA
Aa #E8EDEC sobre #5262A1 4,90:1 AA
Aa #F0B47F sobre #554F69 4,26:1 AA, texto grande
Aa #19181C sobre #B8636E 4,25:1 AA, texto grande
Aa #19181C sobre #5C8559 4,17:1 AA, texto grande
Aa #554F69 sobre #7BBCE8 3,77:1 AA, texto grande
Aa #E8EDEC sobre #5C8559 3,58:1 AA, texto grande
Aa #554F69 sobre #74C261 3,56:1 AA, texto grande
Aa #E8EDEC sobre #B8636E 3,52:1 AA, texto grande
Aa #57607D sobre #F0B47F 3,42:1 AA, texto grande
Aa #F0B47F sobre #5262A1 3,19:1 AA, texto grande
Aa #19181C sobre #5262A1 3,05:1 AA, texto grande
Aa #57607D sobre #7BBCE8 3,02:1 AA, texto grande
Aa #57607D sobre #74C261 2,85:1 No aprobado
Aa #19181C sobre #57607D 2,84:1 No aprobado
Aa #5262A1 sobre #7BBCE8 2,82:1 No aprobado
Aa #E8EDEC sobre #BF75BF 2,73:1 No aprobado
Aa #5262A1 sobre #74C261 2,66:1 No aprobado
Aa #959984 sobre #554F69 2,65:1 No aprobado
Aa #959984 sobre #E8EDEC 2,48:1 No aprobado
Aa #BF75BF sobre #554F69 2,40:1 No aprobado
Aa #F0B47F sobre #5C8559 2,33:1 No aprobado
Aa #F0B47F sobre #B8636E 2,29:1 No aprobado
Aa #19181C sobre #554F69 2,28:1 No aprobado
Aa #57607D sobre #959984 2,12:1 No aprobado
Aa #7BBCE8 sobre #5C8559 2,06:1 No aprobado
Aa #B8636E sobre #7BBCE8 2,02:1 No aprobado
Aa #959984 sobre #5262A1 1,98:1 No aprobado
Aa #5C8559 sobre #74C261 1,94:1 No aprobado
Aa #57607D sobre #BF75BF 1,93:1 No aprobado
Aa #B8636E sobre #74C261 1,91:1 No aprobado
Aa #B8636E sobre #554F69 1,86:1 No aprobado
Aa #E8EDEC sobre #74C261 1,84:1 No aprobado
Aa #554F69 sobre #5C8559 1,83:1 No aprobado
Aa #BF75BF sobre #5262A1 1,80:1 No aprobado
Aa #F0B47F sobre #BF75BF 1,77:1 No aprobado
Aa #E8EDEC sobre #7BBCE8 1,74:1 No aprobado
Aa #959984 sobre #F0B47F 1,61:1 No aprobado
Aa #BF75BF sobre #7BBCE8 1,57:1 No aprobado
Aa #E8EDEC sobre #F0B47F 1,54:1 No aprobado
Aa #57607D sobre #B8636E 1,50:1 No aprobado
Aa #BF75BF sobre #74C261 1,48:1 No aprobado
Aa #57607D sobre #5C8559 1,47:1 No aprobado
Aa #959984 sobre #5C8559 1,45:1 No aprobado
Aa #959984 sobre #B8636E 1,42:1 No aprobado
Aa #959984 sobre #7BBCE8 1,42:1 No aprobado
Aa #B8636E sobre #5262A1 1,39:1 No aprobado
Aa #5262A1 sobre #5C8559 1,37:1 No aprobado
Aa #959984 sobre #74C261 1,34:1 No aprobado
Aa #554F69 sobre #5262A1 1,34:1 No aprobado
Aa #BF75BF sobre #5C8559 1,31:1 No aprobado
Aa #BF75BF sobre #B8636E 1,29:1 No aprobado
Aa #57607D sobre #554F69 1,25:1 No aprobado
Aa #F0B47F sobre #74C261 1,20:1 No aprobado
Aa #F0B47F sobre #7BBCE8 1,13:1 No aprobado
Aa #959984 sobre #BF75BF 1,10:1 No aprobado
Aa #57607D sobre #5262A1 1,07:1 No aprobado
Aa #7BBCE8 sobre #74C261 1,06:1 No aprobado
Aa #B8636E sobre #5C8559 1,02:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores