Início Paletas de cores Paleta “Portofino” de 4 cores

Paleta “Portofino” de 4 cores

Paleta de 4 cores · Quente · Clara · Harmonia: Complementar

Voltar à biblioteca

Paleta “Portofino” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Complementar

Editar

Terrosa 4 cores Quente Clara Complementar

Curtidas 739

Cores 4

Variáveis CSS

:root {
  --c-earthy-1: #87B6BC;
  --c-earthy-2: #BED4CB;
  --c-earthy-3: #F6F09F;
  --c-earthy-4: #B35656;
}

Sobre esta paleta

Esta paleta terrosa de 4 cores vai de Portofino (#F6F09F), o tom mais claro, até Mineral Red (#B35656), o mais escuro. Ela reúne Kitchen Blue, Quaver, Portofino e Mineral Red em um único conjunto que você pode levar direto para uma interface. Nenhum dos 6 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

Kitchen Blue #87B6BC

RGB: rgb(135, 182, 188)
HSL: hsl(187, 28%, 63%)
Luminância: 0,422

Quaver #BED4CB

RGB: rgb(190, 212, 203)
HSL: hsl(155, 20%, 79%)
Luminância: 0,624

Portofino #F6F09F

RGB: rgb(246, 240, 159)
HSL: hsl(56, 83%, 79%)
Luminância: 0,844

Mineral Red #B35656

RGB: rgb(179, 86, 86)
HSL: hsl(0, 38%, 52%)
Luminância: 0,169

Contraste e acessibilidade

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

Aa #F6F09F sobre #B35656 4,08:1 AA, texto grande

Aa #BED4CB sobre #B35656 3,07:1 AA, texto grande

Aa #87B6BC sobre #B35656 2,16:1 Reprovado

Aa #87B6BC sobre #F6F09F 1,89:1 Reprovado

Aa #87B6BC sobre #BED4CB 1,43:1 Reprovado

Aa #BED4CB sobre #F6F09F 1,33:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494

4 cores

#F9F5F6 #F8E8EE #FDCEDF #F2BED1

4 cores

#FFC7C7 #FFE2E2 #F6F6F6 #8785A2

4 cores

#AD8B73 #CEAB93 #E3CAA5 #FFFBE9

4 cores

#F38181 #FCE38A #EAFFD0 #95E1D3

4 cores

#B7C4CF #EEE3CB #D7C0AE #967E76

4 cores

#FFEDDB #EDCDBB #E3B7A0 #BF9270

4 cores

#8D7B68 #A4907C #C8B6A6 #F1DEC9

4 cores

Paleta “Portofino” de 4 cores