Criar conta Criar conta
Couleurs De Bebe

Couleurs De Bebe

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

Voltar à biblioteca

Couleurs De Bebe

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

Editar
Pastel 9 cores Quente Clara Complementar light
Curtidas 17
Cores 9

Variáveis CSS

:root {
  --c-pastel-1: #E9E0E0;
  --c-pastel-2: #FF94F9;
  --c-pastel-3: #F9FF94;
  --c-pastel-4: #94F9FF;
  --c-pastel-5: #94FF94;
  --c-pastel-6: #9494FF;
  --c-pastel-7: #FF9494;
  --c-pastel-8: #E894FF;
  --c-pastel-9: #AAFFC3;
}

Sobre esta paleta

Esta paleta pastel de 9 cores vai de Pastel Yellow (#F9FF94), o tom mais claro, até Cobalite (#9494FF), o mais escuro. Ela reúne Milk and Cookies, Pinkalicious, Pastel Yellow, Eternal Winter, Cobalt Green, Cobalite, Cherished One, Party Pig e Neo Mint em um único conjunto que você pode levar direto para uma interface. Nenhum dos 36 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 delicados e pouco saturados — ideais para sites de casamento, marcas infantis, seções hero suaves e layouts editoriais com bastante espaço em branco.

Análise das cores

Milk and Cookies #E9E0E0
RGB
rgb(233, 224, 224)
HSL
hsl(0, 17%, 90%)
Luminância
0,760
Pinkalicious #FF94F9
RGB
rgb(255, 148, 249)
HSL
hsl(303, 100%, 79%)
Luminância
0,493
Pastel Yellow #F9FF94
RGB
rgb(249, 255, 148)
HSL
hsl(63, 100%, 79%)
Luminância
0,938
Eternal Winter #94F9FF
RGB
rgb(148, 249, 255)
HSL
hsl(183, 100%, 79%)
Luminância
0,813
Cobalt Green #94FF94
RGB
rgb(148, 255, 148)
HSL
hsl(120, 100%, 79%)
Luminância
0,800
Cobalite #9494FF
RGB
rgb(148, 148, 255)
HSL
hsl(240, 100%, 79%)
Luminância
0,347
Cherished One #FF9494
RGB
rgb(255, 148, 148)
HSL
hsl(0, 100%, 79%)
Luminância
0,446
Party Pig #E894FF
RGB
rgb(232, 148, 255)
HSL
hsl(287, 100%, 79%)
Luminância
0,456
Neo Mint #AAFFC3
RGB
rgb(170, 255, 195)
HSL
hsl(138, 100%, 83%)
Luminância
0,840

Contraste e acessibilidade

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

Aa #F9FF94 sobre #9494FF 2,49:1 Reprovado
Aa #9494FF sobre #AAFFC3 2,24:1 Reprovado
Aa #94F9FF sobre #9494FF 2,17:1 Reprovado
Aa #94FF94 sobre #9494FF 2,14:1 Reprovado
Aa #E9E0E0 sobre #9494FF 2,04:1 Reprovado
Aa #F9FF94 sobre #FF9494 1,99:1 Reprovado
Aa #F9FF94 sobre #E894FF 1,95:1 Reprovado
Aa #FF94F9 sobre #F9FF94 1,82:1 Reprovado
Aa #FF9494 sobre #AAFFC3 1,80:1 Reprovado
Aa #E894FF sobre #AAFFC3 1,76:1 Reprovado
Aa #94F9FF sobre #FF9494 1,74:1 Reprovado
Aa #94F9FF sobre #E894FF 1,71:1 Reprovado
Aa #94FF94 sobre #FF9494 1,71:1 Reprovado
Aa #94FF94 sobre #E894FF 1,68:1 Reprovado
Aa #FF94F9 sobre #AAFFC3 1,64:1 Reprovado
Aa #E9E0E0 sobre #FF9494 1,63:1 Reprovado
Aa #E9E0E0 sobre #E894FF 1,60:1 Reprovado
Aa #FF94F9 sobre #94F9FF 1,59:1 Reprovado
Aa #FF94F9 sobre #94FF94 1,57:1 Reprovado
Aa #E9E0E0 sobre #FF94F9 1,49:1 Reprovado
Aa #FF94F9 sobre #9494FF 1,37:1 Reprovado
Aa #9494FF sobre #E894FF 1,27:1 Reprovado
Aa #9494FF sobre #FF9494 1,25:1 Reprovado
Aa #E9E0E0 sobre #F9FF94 1,22:1 Reprovado
Aa #F9FF94 sobre #94FF94 1,16:1 Reprovado
Aa #F9FF94 sobre #94F9FF 1,15:1 Reprovado
Aa #F9FF94 sobre #AAFFC3 1,11:1 Reprovado
Aa #E9E0E0 sobre #AAFFC3 1,10:1 Reprovado
Aa #FF94F9 sobre #FF9494 1,09:1 Reprovado
Aa #FF94F9 sobre #E894FF 1,07:1 Reprovado
Aa #E9E0E0 sobre #94F9FF 1,06:1 Reprovado
Aa #E9E0E0 sobre #94FF94 1,05:1 Reprovado
Aa #94FF94 sobre #AAFFC3 1,05:1 Reprovado
Aa #94F9FF sobre #AAFFC3 1,03:1 Reprovado
Aa #94F9FF sobre #94FF94 1,02:1 Reprovado
Aa #FF9494 sobre #E894FF 1,02: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