Criar conta Criar conta
Detective Bass

Detective Bass

Paleta de 5 cores · Quente · Escura · Harmonia: Análoga

Voltar à biblioteca

Detective Bass

Paleta de 5 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Análoga

Editar
Terrosa 5 cores Quente Escura Análoga green old yellow brown
Curtidas 123
Cores 5

Variáveis CSS

:root {
  --c-earthy-1: #160402;
  --c-earthy-2: #4C3012;
  --c-earthy-3: #585931;
  --c-earthy-4: #B1954C;
  --c-earthy-5: #EFD98B;
}

Sobre esta paleta

Esta paleta terrosa de 5 cores vai de Natural Yellow (#EFD98B), o tom mais claro, até Soy Sauce (#160402), o mais escuro. Ela reúne Soy Sauce, Bavarian Sweet Mustard, Saratoga, Outdoorsy e Natural Yellow em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #160402 sobre #EFD98B, com 14,22: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

Soy Sauce #160402
RGB
rgb(22, 4, 2)
HSL
hsl(6, 83%, 5%)
Luminância
0,003
Bavarian Sweet Mustard #4C3012
RGB
rgb(76, 48, 18)
HSL
hsl(31, 62%, 18%)
Luminância
0,037
Saratoga #585931
RGB
rgb(88, 89, 49)
HSL
hsl(62, 29%, 27%)
Luminância
0,094
Outdoorsy #B1954C
RGB
rgb(177, 149, 76)
HSL
hsl(43, 40%, 50%)
Luminância
0,314
Natural Yellow #EFD98B
RGB
rgb(239, 217, 139)
HSL
hsl(47, 76%, 74%)
Luminância
0,698

Contraste e acessibilidade

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

Aa #160402 sobre #EFD98B 14,22:1 AAA
Aa #4C3012 sobre #EFD98B 8,61:1 AAA
Aa #160402 sobre #B1954C 6,91:1 AA
Aa #585931 sobre #EFD98B 5,18:1 AA
Aa #4C3012 sobre #B1954C 4,18:1 AA, texto grande
Aa #160402 sobre #585931 2,74:1 Reprovado
Aa #585931 sobre #B1954C 2,52:1 Reprovado
Aa #B1954C sobre #EFD98B 2,06:1 Reprovado
Aa #4C3012 sobre #585931 1,66:1 Reprovado
Aa #160402 sobre #4C3012 1,65: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