Criar conta Criar conta
Latesummer

Latesummer

Paleta de 9 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

Latesummer

Paleta de 9 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 9 cores Neutra Mista Complementar
Curtidas 5
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #254E70;
  --c-vibrant-2: #37718E;
  --c-vibrant-3: #8EE3EF;
  --c-vibrant-4: #A30000;
  --c-vibrant-5: #FF7700;
  --c-vibrant-6: #E8C547;
  --c-vibrant-7: #118A45;
  --c-vibrant-8: #60B426;
  --c-vibrant-9: #BED558;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Photon Barrier (#8EE3EF), o tom mais claro, até Blue Tang (#254E70), o mais escuro. Ela reúne Blue Tang, Living Stream, Photon Barrier, Stanger Red, Lucky Orange, Liberator Gold, The Wild Apothecary, Chasm Green e Frog Prince em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #254E70 sobre #8EE3EF, com 5,99:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Blue Tang #254E70
RGB
rgb(37, 78, 112)
HSL
hsl(207, 50%, 29%)
Luminância
0,070
Living Stream #37718E
RGB
rgb(55, 113, 142)
HSL
hsl(200, 44%, 39%)
Luminância
0,146
Photon Barrier #8EE3EF
RGB
rgb(142, 227, 239)
HSL
hsl(187, 75%, 75%)
Luminância
0,669
Stanger Red #A30000
RGB
rgb(163, 0, 0)
HSL
hsl(0, 100%, 32%)
Luminância
0,078
Lucky Orange #FF7700
RGB
rgb(255, 119, 0)
HSL
hsl(28, 100%, 50%)
Luminância
0,345
Liberator Gold #E8C547
RGB
rgb(232, 197, 71)
HSL
hsl(47, 78%, 59%)
Luminância
0,575
The Wild Apothecary #118A45
RGB
rgb(17, 138, 69)
HSL
hsl(146, 78%, 30%)
Luminância
0,187
Chasm Green #60B426
RGB
rgb(96, 180, 38)
HSL
hsl(95, 65%, 43%)
Luminância
0,353
Frog Prince #BED558
RGB
rgb(190, 213, 88)
HSL
hsl(71, 60%, 59%)
Luminância
0,592

Contraste e acessibilidade

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

Aa #254E70 sobre #8EE3EF 5,99:1 AA
Aa #8EE3EF sobre #A30000 5,62:1 AA
Aa #254E70 sobre #BED558 5,35:1 AA
Aa #254E70 sobre #E8C547 5,21:1 AA
Aa #A30000 sobre #BED558 5,02:1 AA
Aa #A30000 sobre #E8C547 4,89:1 AA
Aa #37718E sobre #8EE3EF 3,67:1 AA, texto grande
Aa #254E70 sobre #60B426 3,35:1 AA, texto grande
Aa #254E70 sobre #FF7700 3,28:1 AA, texto grande
Aa #37718E sobre #BED558 3,28:1 AA, texto grande
Aa #37718E sobre #E8C547 3,19:1 AA, texto grande
Aa #A30000 sobre #60B426 3,15:1 AA, texto grande
Aa #A30000 sobre #FF7700 3,09:1 AA, texto grande
Aa #8EE3EF sobre #118A45 3,03:1 AA, texto grande
Aa #118A45 sobre #BED558 2,71:1 Reprovado
Aa #E8C547 sobre #118A45 2,64:1 Reprovado
Aa #37718E sobre #60B426 2,06:1 Reprovado
Aa #37718E sobre #FF7700 2,02:1 Reprovado
Aa #254E70 sobre #118A45 1,98:1 Reprovado
Aa #A30000 sobre #118A45 1,86:1 Reprovado
Aa #8EE3EF sobre #FF7700 1,82:1 Reprovado
Aa #8EE3EF sobre #60B426 1,79:1 Reprovado
Aa #118A45 sobre #60B426 1,70:1 Reprovado
Aa #FF7700 sobre #118A45 1,66:1 Reprovado
Aa #254E70 sobre #37718E 1,63:1 Reprovado
Aa #FF7700 sobre #BED558 1,63:1 Reprovado
Aa #60B426 sobre #BED558 1,60:1 Reprovado
Aa #FF7700 sobre #E8C547 1,59:1 Reprovado
Aa #E8C547 sobre #60B426 1,55:1 Reprovado
Aa #37718E sobre #A30000 1,53:1 Reprovado
Aa #37718E sobre #118A45 1,21:1 Reprovado
Aa #8EE3EF sobre #E8C547 1,15:1 Reprovado
Aa #8EE3EF sobre #BED558 1,12:1 Reprovado
Aa #254E70 sobre #A30000 1,06:1 Reprovado
Aa #E8C547 sobre #BED558 1,03:1 Reprovado
Aa #FF7700 sobre #60B426 1,02:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores