Criar conta Criar conta
Crystal Attack

Crystal Attack

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

Voltar à biblioteca

Crystal Attack

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

Editar
Terrosa 12 cores Quente Escura Complementar gb game rpg crystal
Curtidas 11
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #C16F86;
  --c-earthy-2: #6C2D3E;
  --c-earthy-3: #400116;
  --c-earthy-4: #473535;
  --c-earthy-5: #AA7C62;
  --c-earthy-6: #65342D;
  --c-earthy-7: #2B0B0C;
  --c-earthy-8: #0E1525;
  --c-earthy-9: #24454C;
  --c-earthy-10: #638C7A;
  --c-earthy-11: #202A2B;
  --c-earthy-12: #000000;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Briar Rose (#C16F86), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Briar Rose, Siren, Rhinoceros Beetle, Noblesse Oblige, Tawny Birch, One Dozen, Root Brew, Corbeau, Everglade Deck, Sea Monster, Charleston Green e Black em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #C16F86 sobre #000000, com 5,89: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

Briar Rose #C16F86
RGB
rgb(193, 111, 134)
HSL
hsl(343, 40%, 60%)
Luminância
0,244
Siren #6C2D3E
RGB
rgb(108, 45, 62)
HSL
hsl(344, 41%, 30%)
Luminância
0,054
Rhinoceros Beetle #400116
RGB
rgb(64, 1, 22)
HSL
hsl(340, 97%, 13%)
Luminância
0,012
Noblesse Oblige #473535
RGB
rgb(71, 53, 53)
HSL
hsl(0, 15%, 24%)
Luminância
0,041
Tawny Birch #AA7C62
RGB
rgb(170, 124, 98)
HSL
hsl(22, 30%, 53%)
Luminância
0,238
One Dozen #65342D
RGB
rgb(101, 52, 45)
HSL
hsl(8, 38%, 29%)
Luminância
0,054
Root Brew #2B0B0C
RGB
rgb(43, 11, 12)
HSL
hsl(358, 59%, 11%)
Luminância
0,008
Corbeau #0E1525
RGB
rgb(14, 21, 37)
HSL
hsl(222, 45%, 10%)
Luminância
0,008
Everglade Deck #24454C
RGB
rgb(36, 69, 76)
HSL
hsl(191, 36%, 22%)
Luminância
0,052
Sea Monster #638C7A
RGB
rgb(99, 140, 122)
HSL
hsl(154, 17%, 47%)
Luminância
0,228
Charleston Green #202A2B
RGB
rgb(32, 42, 43)
HSL
hsl(185, 15%, 15%)
Luminância
0,021
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000

Contraste e acessibilidade

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

Aa #C16F86 sobre #000000 5,89:1 AA
Aa #AA7C62 sobre #000000 5,77:1 AA
Aa #638C7A sobre #000000 5,56:1 AA
Aa #C16F86 sobre #0E1525 5,11:1 AA
Aa #C16F86 sobre #2B0B0C 5,09:1 AA
Aa #AA7C62 sobre #0E1525 5,00:1 AA
Aa #AA7C62 sobre #2B0B0C 4,99:1 AA
Aa #0E1525 sobre #638C7A 4,83:1 AA
Aa #2B0B0C sobre #638C7A 4,81:1 AA
Aa #C16F86 sobre #400116 4,77:1 AA
Aa #400116 sobre #AA7C62 4,68:1 AA
Aa #400116 sobre #638C7A 4,51:1 AA
Aa #C16F86 sobre #202A2B 4,12:1 AA, texto grande
Aa #AA7C62 sobre #202A2B 4,04:1 AA, texto grande
Aa #638C7A sobre #202A2B 3,90:1 AA, texto grande
Aa #C16F86 sobre #473535 3,22:1 AA, texto grande
Aa #473535 sobre #AA7C62 3,15:1 AA, texto grande
Aa #473535 sobre #638C7A 3,04:1 AA, texto grande
Aa #C16F86 sobre #24454C 2,90:1 Reprovado
Aa #AA7C62 sobre #24454C 2,84:1 Reprovado
Aa #C16F86 sobre #6C2D3E 2,83:1 Reprovado
Aa #C16F86 sobre #65342D 2,83:1 Reprovado
Aa #6C2D3E sobre #AA7C62 2,77:1 Reprovado
Aa #AA7C62 sobre #65342D 2,77:1 Reprovado
Aa #24454C sobre #638C7A 2,74:1 Reprovado
Aa #6C2D3E sobre #638C7A 2,67:1 Reprovado
Aa #65342D sobre #638C7A 2,67:1 Reprovado
Aa #6C2D3E sobre #000000 2,08:1 Reprovado
Aa #65342D sobre #000000 2,08:1 Reprovado
Aa #24454C sobre #000000 2,03:1 Reprovado
Aa #473535 sobre #000000 1,83:1 Reprovado
Aa #6C2D3E sobre #0E1525 1,81:1 Reprovado
Aa #65342D sobre #0E1525 1,81:1 Reprovado
Aa #6C2D3E sobre #2B0B0C 1,80:1 Reprovado
Aa #65342D sobre #2B0B0C 1,80:1 Reprovado
Aa #2B0B0C sobre #24454C 1,76:1 Reprovado
Aa #0E1525 sobre #24454C 1,76:1 Reprovado
Aa #6C2D3E sobre #400116 1,69:1 Reprovado
Aa #400116 sobre #65342D 1,69:1 Reprovado
Aa #400116 sobre #24454C 1,65:1 Reprovado
Aa #473535 sobre #0E1525 1,59:1 Reprovado
Aa #473535 sobre #2B0B0C 1,58:1 Reprovado
Aa #400116 sobre #473535 1,48:1 Reprovado
Aa #6C2D3E sobre #202A2B 1,46:1 Reprovado
Aa #65342D sobre #202A2B 1,46:1 Reprovado
Aa #202A2B sobre #000000 1,43:1 Reprovado
Aa #24454C sobre #202A2B 1,42:1 Reprovado
Aa #473535 sobre #202A2B 1,28:1 Reprovado
Aa #0E1525 sobre #202A2B 1,24:1 Reprovado
Aa #400116 sobre #000000 1,23:1 Reprovado
Aa #2B0B0C sobre #202A2B 1,23:1 Reprovado
Aa #400116 sobre #202A2B 1,16:1 Reprovado
Aa #2B0B0C sobre #000000 1,16:1 Reprovado
Aa #0E1525 sobre #000000 1,15:1 Reprovado
Aa #6C2D3E sobre #473535 1,14:1 Reprovado
Aa #473535 sobre #65342D 1,14:1 Reprovado
Aa #473535 sobre #24454C 1,11:1 Reprovado
Aa #400116 sobre #2B0B0C 1,07:1 Reprovado
Aa #400116 sobre #0E1525 1,07:1 Reprovado
Aa #C16F86 sobre #638C7A 1,06:1 Reprovado
Aa #AA7C62 sobre #638C7A 1,04:1 Reprovado
Aa #6C2D3E sobre #24454C 1,03:1 Reprovado
Aa #65342D sobre #24454C 1,03:1 Reprovado
Aa #C16F86 sobre #AA7C62 1,02:1 Reprovado
Aa #6C2D3E sobre #65342D 1,00:1 Reprovado
Aa #2B0B0C sobre #0E1525 1,00:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores