Criar conta Criar conta
Sirens At Night

Sirens At Night

Paleta de 7 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

Sirens At Night

Paleta de 7 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 7 cores Fria Mista Complementar cool red and blue blue and red
Curtidas 722
Cores 7

Variáveis CSS

:root {
  --c-earthy-1: #DAF2E9;
  --c-earthy-2: #95E0CC;
  --c-earthy-3: #39707A;
  --c-earthy-4: #23495D;
  --c-earthy-5: #1C2638;
  --c-earthy-6: #9B222B;
  --c-earthy-7: #F14E52;
}

Sobre esta paleta

Esta paleta terrosa de 7 cores vai de Diluted Mint (#DAF2E9), o tom mais claro, até Midnight Express (#1C2638), o mais escuro. Ela reúne Diluted Mint, Beach Glass, Grand Rapids, Arapawa, Midnight Express, Haute Couture e Pastel Strawberry em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DAF2E9 sobre #1C2638, com 12,91: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

Diluted Mint #DAF2E9
RGB
rgb(218, 242, 233)
HSL
hsl(158, 48%, 90%)
Luminância
0,843
Beach Glass #95E0CC
RGB
rgb(149, 224, 204)
HSL
hsl(164, 55%, 73%)
Luminância
0,641
Grand Rapids #39707A
RGB
rgb(57, 112, 122)
HSL
hsl(189, 36%, 35%)
Luminância
0,139
Arapawa #23495D
RGB
rgb(35, 73, 93)
HSL
hsl(201, 45%, 25%)
Luminância
0,059
Midnight Express #1C2638
RGB
rgb(28, 38, 56)
HSL
hsl(219, 33%, 16%)
Luminância
0,019
Haute Couture #9B222B
RGB
rgb(155, 34, 43)
HSL
hsl(356, 64%, 37%)
Luminância
0,083
Pastel Strawberry #F14E52
RGB
rgb(241, 78, 82)
HSL
hsl(359, 85%, 63%)
Luminância
0,248

Contraste e acessibilidade

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

Aa #DAF2E9 sobre #1C2638 12,91:1 AAA
Aa #95E0CC sobre #1C2638 9,98:1 AAA
Aa #DAF2E9 sobre #23495D 8,18:1 AAA
Aa #DAF2E9 sobre #9B222B 6,72:1 AA
Aa #95E0CC sobre #23495D 6,33:1 AA
Aa #95E0CC sobre #9B222B 5,20:1 AA
Aa #DAF2E9 sobre #39707A 4,73:1 AA
Aa #1C2638 sobre #F14E52 4,30:1 AA, texto grande
Aa #95E0CC sobre #39707A 3,66:1 AA, texto grande
Aa #DAF2E9 sobre #F14E52 3,00:1 AA, texto grande
Aa #39707A sobre #1C2638 2,73:1 Reprovado
Aa #23495D sobre #F14E52 2,73:1 Reprovado
Aa #95E0CC sobre #F14E52 2,32:1 Reprovado
Aa #9B222B sobre #F14E52 2,24:1 Reprovado
Aa #1C2638 sobre #9B222B 1,92:1 Reprovado
Aa #39707A sobre #23495D 1,73:1 Reprovado
Aa #39707A sobre #F14E52 1,58:1 Reprovado
Aa #23495D sobre #1C2638 1,58:1 Reprovado
Aa #39707A sobre #9B222B 1,42:1 Reprovado
Aa #DAF2E9 sobre #95E0CC 1,29:1 Reprovado
Aa #23495D sobre #9B222B 1,22:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores