Criar conta Criar conta
Purple Spider

Purple Spider

Paleta de 7 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

Purple Spider

Paleta de 7 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar
Terrosa 7 cores Quente Escura Triádica
Curtidas 11
Cores 7

Variáveis CSS

:root {
  --c-earthy-1: #1B1A29;
  --c-earthy-2: #393A4D;
  --c-earthy-3: #574B62;
  --c-earthy-4: #B94080;
  --c-earthy-5: #9F2C60;
  --c-earthy-6: #8A1E40;
  --c-earthy-7: #6A0D24;
}

Sobre esta paleta

Esta paleta terrosa de 7 cores vai de Razzle Dazzle (#B94080), o tom mais claro, até Coarse Wool (#1B1A29), o mais escuro. Ela reúne Coarse Wool, Carbon Blue, Paparazzi, Razzle Dazzle, Parlour Red, Refined Chianti e Dark Humour em um único conjunto que você pode levar direto para uma interface. Nenhum dos 21 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Coarse Wool #1B1A29
RGB
rgb(27, 26, 41)
HSL
hsl(244, 22%, 13%)
Luminância
0,011
Carbon Blue #393A4D
RGB
rgb(57, 58, 77)
HSL
hsl(237, 15%, 26%)
Luminância
0,044
Paparazzi #574B62
RGB
rgb(87, 75, 98)
HSL
hsl(271, 13%, 34%)
Luminância
0,079
Razzle Dazzle #B94080
RGB
rgb(185, 64, 128)
HSL
hsl(328, 49%, 49%)
Luminância
0,155
Parlour Red #9F2C60
RGB
rgb(159, 44, 96)
HSL
hsl(333, 57%, 40%)
Luminância
0,100
Refined Chianti #8A1E40
RGB
rgb(138, 30, 64)
HSL
hsl(341, 64%, 33%)
Luminância
0,067
Dark Humour #6A0D24
RGB
rgb(106, 13, 36)
HSL
hsl(345, 78%, 23%)
Luminância
0,035

Contraste e acessibilidade

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

Aa #1B1A29 sobre #B94080 3,35:1 AA, texto grande
Aa #1B1A29 sobre #9F2C60 2,45:1 Reprovado
Aa #B94080 sobre #6A0D24 2,42:1 Reprovado
Aa #393A4D sobre #B94080 2,18:1 Reprovado
Aa #1B1A29 sobre #574B62 2,11:1 Reprovado
Aa #1B1A29 sobre #8A1E40 1,91:1 Reprovado
Aa #9F2C60 sobre #6A0D24 1,77:1 Reprovado
Aa #B94080 sobre #8A1E40 1,76:1 Reprovado
Aa #393A4D sobre #9F2C60 1,59:1 Reprovado
Aa #574B62 sobre #B94080 1,59:1 Reprovado
Aa #1B1A29 sobre #393A4D 1,54:1 Reprovado
Aa #574B62 sobre #6A0D24 1,53:1 Reprovado
Aa #1B1A29 sobre #6A0D24 1,38:1 Reprovado
Aa #8A1E40 sobre #6A0D24 1,38:1 Reprovado
Aa #393A4D sobre #574B62 1,37:1 Reprovado
Aa #B94080 sobre #9F2C60 1,37:1 Reprovado
Aa #9F2C60 sobre #8A1E40 1,28:1 Reprovado
Aa #393A4D sobre #8A1E40 1,24:1 Reprovado
Aa #574B62 sobre #9F2C60 1,16:1 Reprovado
Aa #393A4D sobre #6A0D24 1,11:1 Reprovado
Aa #574B62 sobre #8A1E40 1,11: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