Criar conta Criar conta
Molten

Molten

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

Voltar à biblioteca

Molten

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

Editar
Terrosa 6 cores Quente Escura Triádica monoramp lava red warm
Curtidas 220
Cores 6

Variáveis CSS

:root {
  --c-earthy-1: #201727;
  --c-earthy-2: #261B2E;
  --c-earthy-3: #382D43;
  --c-earthy-4: #5F2F45;
  --c-earthy-5: #A02F40;
  --c-earthy-6: #FD724E;
}

Sobre esta paleta

Esta paleta terrosa de 6 cores vai de Often Orange (#FD724E), o tom mais claro, até Coarse Wool (#201727), o mais escuro. Ela reúne Coarse Wool, Black Howl, Obsidian Lava Black, Vistoris Lake, Radish e Often Orange em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #201727 sobre #FD724E, com 6,34: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

Coarse Wool #201727
RGB
rgb(32, 23, 39)
HSL
hsl(274, 26%, 12%)
Luminância
0,011
Black Howl #261B2E
RGB
rgb(38, 27, 46)
HSL
hsl(275, 26%, 14%)
Luminância
0,014
Obsidian Lava Black #382D43
RGB
rgb(56, 45, 67)
HSL
hsl(270, 20%, 22%)
Luminância
0,031
Vistoris Lake #5F2F45
RGB
rgb(95, 47, 69)
HSL
hsl(333, 34%, 28%)
Luminância
0,049
Radish #A02F40
RGB
rgb(160, 47, 64)
HSL
hsl(351, 55%, 41%)
Luminância
0,099
Often Orange #FD724E
RGB
rgb(253, 114, 78)
HSL
hsl(12, 98%, 65%)
Luminância
0,335

Contraste e acessibilidade

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

Aa #201727 sobre #FD724E 6,34:1 AA
Aa #261B2E sobre #FD724E 6,02:1 AA
Aa #382D43 sobre #FD724E 4,74:1 AA
Aa #5F2F45 sobre #FD724E 3,89:1 AA, texto grande
Aa #A02F40 sobre #FD724E 2,59:1 Reprovado
Aa #201727 sobre #A02F40 2,45:1 Reprovado
Aa #261B2E sobre #A02F40 2,33:1 Reprovado
Aa #382D43 sobre #A02F40 1,83:1 Reprovado
Aa #201727 sobre #5F2F45 1,63:1 Reprovado
Aa #261B2E sobre #5F2F45 1,55:1 Reprovado
Aa #5F2F45 sobre #A02F40 1,50:1 Reprovado
Aa #201727 sobre #382D43 1,34:1 Reprovado
Aa #261B2E sobre #382D43 1,27:1 Reprovado
Aa #382D43 sobre #5F2F45 1,22:1 Reprovado
Aa #201727 sobre #261B2E 1,05: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