Criar conta Criar conta
Super Spark

Super Spark

Paleta de 12 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Super Spark

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 12 cores Quente Mista Complementar artist anubiarts desaturated 12
Curtidas 83
Cores 12

Variáveis 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 terrosa de 12 cores vai de Kiss Me Kate (#E8EDEC), o tom mais claro, até Aswad Black (#19181C), o mais escuro. Ela reúne Aswad Black, Award Night, Gundaroo Green, Kiss Me Kate, Smoked Ham, Gulābī Pink, Slate Rose, Magic Spell, Electrify, Aero, Magic Sage e Mantis em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #19181C sobre #E8EDEC, com 14,94:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

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

Contraste e acessibilidade

9 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado
Aa #19181C sobre #57607D 2,84:1 Reprovado
Aa #5262A1 sobre #7BBCE8 2,82:1 Reprovado
Aa #E8EDEC sobre #BF75BF 2,73:1 Reprovado
Aa #5262A1 sobre #74C261 2,66:1 Reprovado
Aa #959984 sobre #554F69 2,65:1 Reprovado
Aa #959984 sobre #E8EDEC 2,48:1 Reprovado
Aa #BF75BF sobre #554F69 2,40:1 Reprovado
Aa #F0B47F sobre #5C8559 2,33:1 Reprovado
Aa #F0B47F sobre #B8636E 2,29:1 Reprovado
Aa #19181C sobre #554F69 2,28:1 Reprovado
Aa #57607D sobre #959984 2,12:1 Reprovado
Aa #7BBCE8 sobre #5C8559 2,06:1 Reprovado
Aa #B8636E sobre #7BBCE8 2,02:1 Reprovado
Aa #959984 sobre #5262A1 1,98:1 Reprovado
Aa #5C8559 sobre #74C261 1,94:1 Reprovado
Aa #57607D sobre #BF75BF 1,93:1 Reprovado
Aa #B8636E sobre #74C261 1,91:1 Reprovado
Aa #B8636E sobre #554F69 1,86:1 Reprovado
Aa #E8EDEC sobre #74C261 1,84:1 Reprovado
Aa #554F69 sobre #5C8559 1,83:1 Reprovado
Aa #BF75BF sobre #5262A1 1,80:1 Reprovado
Aa #F0B47F sobre #BF75BF 1,77:1 Reprovado
Aa #E8EDEC sobre #7BBCE8 1,74:1 Reprovado
Aa #959984 sobre #F0B47F 1,61:1 Reprovado
Aa #BF75BF sobre #7BBCE8 1,57:1 Reprovado
Aa #E8EDEC sobre #F0B47F 1,54:1 Reprovado
Aa #57607D sobre #B8636E 1,50:1 Reprovado
Aa #BF75BF sobre #74C261 1,48:1 Reprovado
Aa #57607D sobre #5C8559 1,47:1 Reprovado
Aa #959984 sobre #5C8559 1,45:1 Reprovado
Aa #959984 sobre #B8636E 1,42:1 Reprovado
Aa #959984 sobre #7BBCE8 1,42:1 Reprovado
Aa #B8636E sobre #5262A1 1,39:1 Reprovado
Aa #5262A1 sobre #5C8559 1,37:1 Reprovado
Aa #959984 sobre #74C261 1,34:1 Reprovado
Aa #554F69 sobre #5262A1 1,34:1 Reprovado
Aa #BF75BF sobre #5C8559 1,31:1 Reprovado
Aa #BF75BF sobre #B8636E 1,29:1 Reprovado
Aa #57607D sobre #554F69 1,25:1 Reprovado
Aa #F0B47F sobre #74C261 1,20:1 Reprovado
Aa #F0B47F sobre #7BBCE8 1,13:1 Reprovado
Aa #959984 sobre #BF75BF 1,10:1 Reprovado
Aa #57607D sobre #5262A1 1,07:1 Reprovado
Aa #7BBCE8 sobre #74C261 1,06:1 Reprovado
Aa #B8636E sobre #5C8559 1,02:1 Reprovado

Paletas semelhantes

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