Criar conta Criar conta
Bus Seat Patterns

Bus Seat Patterns

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

Voltar à biblioteca

Bus Seat Patterns

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

Editar
Sóbria 9 cores Fria Mista Complementar pixelart pink blue yellow
Curtidas 27
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #84BBC0;
  --c-muted-2: #305AB1;
  --c-muted-3: #1E1B1E;
  --c-muted-4: #35334B;
  --c-muted-5: #919191;
  --c-muted-6: #C8C8C8;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #EBCD63;
  --c-muted-9: #DF5AB1;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de White (#FFFFFF), o tom mais claro, até Dynamic Black (#1E1B1E), o mais escuro. Ela reúne Misty Cold Sea, Blasphemous Blue, Dynamic Black, Chrysomela Goettingensis, Tin, Brushed Metal, White, Grand Casino Gold e Orion em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1E1B1E sobre #FFFFFF, com 17,06: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

Misty Cold Sea #84BBC0
RGB
rgb(132, 187, 192)
HSL
hsl(185, 32%, 64%)
Luminância
0,443
Blasphemous Blue #305AB1
RGB
rgb(48, 90, 177)
HSL
hsl(220, 57%, 44%)
Luminância
0,111
Dynamic Black #1E1B1E
RGB
rgb(30, 27, 30)
HSL
hsl(300, 5%, 11%)
Luminância
0,012
Chrysomela Goettingensis #35334B
RGB
rgb(53, 51, 75)
HSL
hsl(245, 19%, 25%)
Luminância
0,036
Tin #919191
RGB
rgb(145, 145, 145)
HSL
hsl(0, 0%, 57%)
Luminância
0,283
Brushed Metal #C8C8C8
RGB
rgb(200, 200, 200)
HSL
hsl(0, 0%, 78%)
Luminância
0,578
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Grand Casino Gold #EBCD63
RGB
rgb(235, 205, 99)
HSL
hsl(47, 77%, 65%)
Luminância
0,622
Orion #DF5AB1
RGB
rgb(223, 90, 177)
HSL
hsl(321, 68%, 61%)
Luminância
0,262

Contraste e acessibilidade

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

Aa #1E1B1E sobre #FFFFFF 17,06:1 AAA
Aa #35334B sobre #FFFFFF 12,16:1 AAA
Aa #1E1B1E sobre #EBCD63 10,92:1 AAA
Aa #1E1B1E sobre #C8C8C8 10,20:1 AAA
Aa #84BBC0 sobre #1E1B1E 8,00:1 AAA
Aa #35334B sobre #EBCD63 7,79:1 AAA
Aa #35334B sobre #C8C8C8 7,27:1 AAA
Aa #305AB1 sobre #FFFFFF 6,52:1 AA
Aa #84BBC0 sobre #35334B 5,71:1 AA
Aa #1E1B1E sobre #919191 5,41:1 AA
Aa #1E1B1E sobre #DF5AB1 5,07:1 AA
Aa #305AB1 sobre #EBCD63 4,17:1 AA, texto grande
Aa #305AB1 sobre #C8C8C8 3,89:1 AA, texto grande
Aa #35334B sobre #919191 3,86:1 AA, texto grande
Aa #35334B sobre #DF5AB1 3,61:1 AA, texto grande
Aa #FFFFFF sobre #DF5AB1 3,37:1 AA, texto grande
Aa #919191 sobre #FFFFFF 3,15:1 AA, texto grande
Aa #84BBC0 sobre #305AB1 3,06:1 AA, texto grande
Aa #305AB1 sobre #1E1B1E 2,62:1 Reprovado
Aa #EBCD63 sobre #DF5AB1 2,16:1 Reprovado
Aa #84BBC0 sobre #FFFFFF 2,13:1 Reprovado
Aa #305AB1 sobre #919191 2,07:1 Reprovado
Aa #919191 sobre #EBCD63 2,02:1 Reprovado
Aa #C8C8C8 sobre #DF5AB1 2,01:1 Reprovado
Aa #305AB1 sobre #DF5AB1 1,93:1 Reprovado
Aa #919191 sobre #C8C8C8 1,88:1 Reprovado
Aa #305AB1 sobre #35334B 1,87:1 Reprovado
Aa #C8C8C8 sobre #FFFFFF 1,67:1 Reprovado
Aa #84BBC0 sobre #DF5AB1 1,58:1 Reprovado
Aa #FFFFFF sobre #EBCD63 1,56:1 Reprovado
Aa #84BBC0 sobre #919191 1,48:1 Reprovado
Aa #1E1B1E sobre #35334B 1,40:1 Reprovado
Aa #84BBC0 sobre #EBCD63 1,36:1 Reprovado
Aa #84BBC0 sobre #C8C8C8 1,27:1 Reprovado
Aa #919191 sobre #DF5AB1 1,07:1 Reprovado
Aa #C8C8C8 sobre #EBCD63 1,07: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