Criar conta Criar conta
TY 128 Engine

TY 128 Engine

Paleta de 10 cores · Neutra · Mista · Harmonia: Triádica

Voltar à biblioteca

TY 128 Engine

Paleta de 10 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Triádica

Editar
Sóbria 10 cores Neutra Mista Triádica retro game console fictional
Curtidas 7
Cores 10

Variáveis CSS

:root {
  --c-muted-1: #3C3658;
  --c-muted-2: #5E475B;
  --c-muted-3: #7D685F;
  --c-muted-4: #A78547;
  --c-muted-5: #B190B1;
  --c-muted-6: #CBC8C7;
  --c-muted-7: #7D7D7D;
  --c-muted-8: #53A2AC;
  --c-muted-9: #43925B;
  --c-muted-10: #476361;
}

Sobre esta paleta

Esta paleta sóbria de 10 cores vai de Gentle Rain (#CBC8C7), o tom mais claro, até Naggaroth Night (#3C3658), o mais escuro. Ela reúne Naggaroth Night, Ripe Mulberry, Cocoa Milk, Kiss Candy, Metal Petal, Gentle Rain, Aged Moustache Grey, Flood Out, Alpine Herbs e Brochantite Green em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #3C3658 sobre #CBC8C7, com 6,79: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

Naggaroth Night #3C3658
RGB
rgb(60, 54, 88)
HSL
hsl(251, 24%, 28%)
Luminância
0,043
Ripe Mulberry #5E475B
RGB
rgb(94, 71, 91)
HSL
hsl(308, 14%, 32%)
Luminância
0,076
Cocoa Milk #7D685F
RGB
rgb(125, 104, 95)
HSL
hsl(18, 14%, 43%)
Luminância
0,151
Kiss Candy #A78547
RGB
rgb(167, 133, 71)
HSL
hsl(39, 40%, 47%)
Luminância
0,255
Metal Petal #B190B1
RGB
rgb(177, 144, 177)
HSL
hsl(300, 17%, 63%)
Luminância
0,325
Gentle Rain #CBC8C7
RGB
rgb(203, 200, 199)
HSL
hsl(15, 4%, 79%)
Luminância
0,581
Aged Moustache Grey #7D7D7D
RGB
rgb(125, 125, 125)
HSL
hsl(0, 0%, 49%)
Luminância
0,205
Flood Out #53A2AC
RGB
rgb(83, 162, 172)
HSL
hsl(187, 35%, 50%)
Luminância
0,307
Alpine Herbs #43925B
RGB
rgb(67, 146, 91)
HSL
hsl(138, 37%, 42%)
Luminância
0,225
Brochantite Green #476361
RGB
rgb(71, 99, 97)
HSL
hsl(176, 16%, 33%)
Luminância
0,111

Contraste e acessibilidade

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

Aa #3C3658 sobre #CBC8C7 6,79:1 AA
Aa #5E475B sobre #CBC8C7 4,99:1 AA
Aa #3C3658 sobre #B190B1 4,03:1 AA, texto grande
Aa #CBC8C7 sobre #476361 3,91:1 AA, texto grande
Aa #3C3658 sobre #53A2AC 3,83:1 AA, texto grande
Aa #3C3658 sobre #A78547 3,27:1 AA, texto grande
Aa #7D685F sobre #CBC8C7 3,14:1 AA, texto grande
Aa #3C3658 sobre #43925B 2,96:1 Reprovado
Aa #5E475B sobre #B190B1 2,96:1 Reprovado
Aa #5E475B sobre #53A2AC 2,82:1 Reprovado
Aa #3C3658 sobre #7D7D7D 2,74:1 Reprovado
Aa #CBC8C7 sobre #7D7D7D 2,47:1 Reprovado
Aa #5E475B sobre #A78547 2,41:1 Reprovado
Aa #B190B1 sobre #476361 2,32:1 Reprovado
Aa #CBC8C7 sobre #43925B 2,30:1 Reprovado
Aa #53A2AC sobre #476361 2,21:1 Reprovado
Aa #5E475B sobre #43925B 2,18:1 Reprovado
Aa #3C3658 sobre #7D685F 2,16:1 Reprovado
Aa #A78547 sobre #CBC8C7 2,07:1 Reprovado
Aa #5E475B sobre #7D7D7D 2,02:1 Reprovado
Aa #A78547 sobre #476361 1,89:1 Reprovado
Aa #7D685F sobre #B190B1 1,87:1 Reprovado
Aa #7D685F sobre #53A2AC 1,78:1 Reprovado
Aa #CBC8C7 sobre #53A2AC 1,77:1 Reprovado
Aa #3C3658 sobre #476361 1,73:1 Reprovado
Aa #43925B sobre #476361 1,71:1 Reprovado
Aa #B190B1 sobre #CBC8C7 1,68:1 Reprovado
Aa #5E475B sobre #7D685F 1,59:1 Reprovado
Aa #7D7D7D sobre #476361 1,58:1 Reprovado
Aa #7D685F sobre #A78547 1,52:1 Reprovado
Aa #B190B1 sobre #7D7D7D 1,47:1 Reprovado
Aa #7D7D7D sobre #53A2AC 1,40:1 Reprovado
Aa #7D685F sobre #43925B 1,37:1 Reprovado
Aa #3C3658 sobre #5E475B 1,36:1 Reprovado
Aa #B190B1 sobre #43925B 1,36:1 Reprovado
Aa #53A2AC sobre #43925B 1,30:1 Reprovado
Aa #5E475B sobre #476361 1,28:1 Reprovado
Aa #7D685F sobre #7D7D7D 1,27:1 Reprovado
Aa #7D685F sobre #476361 1,25:1 Reprovado
Aa #A78547 sobre #B190B1 1,23:1 Reprovado
Aa #A78547 sobre #7D7D7D 1,19:1 Reprovado
Aa #A78547 sobre #53A2AC 1,17:1 Reprovado
Aa #A78547 sobre #43925B 1,11:1 Reprovado
Aa #7D7D7D sobre #43925B 1,08:1 Reprovado
Aa #B190B1 sobre #53A2AC 1,05: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