Criar conta Criar conta
Mame11

Mame11

Paleta de 11 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Mame11

Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 11 cores Quente Mista Complementar artist soft retro tokosauce
Curtidas 72
Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #091E26;
  --c-vibrant-2: #2C2259;
  --c-vibrant-3: #C341EA;
  --c-vibrant-4: #FFA3DE;
  --c-vibrant-5: #FFE8F6;
  --c-vibrant-6: #FFB496;
  --c-vibrant-7: #FF708F;
  --c-vibrant-8: #2E4B77;
  --c-vibrant-9: #15877F;
  --c-vibrant-10: #41EA9E;
  --c-vibrant-11: #D6FFCE;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Herbal Vapours (#D6FFCE), o tom mais claro, até Teal Spill (#091E26), o mais escuro. Ela reúne Teal Spill, Cluedo Night, Ultraviolet Onsible, Corinthian Pink, Dolomite Crystal, Island Girl, Blush Hour, Dragonfly, Green Ink, Sea Green e Herbal Vapours em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 17 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #091E26 sobre #D6FFCE, com 15,55: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

Teal Spill #091E26
RGB
rgb(9, 30, 38)
HSL
hsl(197, 62%, 9%)
Luminância
0,011
Cluedo Night #2C2259
RGB
rgb(44, 34, 89)
HSL
hsl(251, 45%, 24%)
Luminância
0,024
Ultraviolet Onsible #C341EA
RGB
rgb(195, 65, 234)
HSL
hsl(286, 80%, 59%)
Luminância
0,213
Corinthian Pink #FFA3DE
RGB
rgb(255, 163, 222)
HSL
hsl(322, 100%, 82%)
Luminância
0,527
Dolomite Crystal #FFE8F6
RGB
rgb(255, 232, 246)
HSL
hsl(323, 100%, 95%)
Luminância
0,856
Island Girl #FFB496
RGB
rgb(255, 180, 150)
HSL
hsl(17, 100%, 79%)
Luminância
0,561
Blush Hour #FF708F
RGB
rgb(255, 112, 143)
HSL
hsl(347, 100%, 72%)
Luminância
0,348
Dragonfly #2E4B77
RGB
rgb(46, 75, 119)
HSL
hsl(216, 44%, 32%)
Luminância
0,069
Green Ink #15877F
RGB
rgb(21, 135, 127)
HSL
hsl(176, 73%, 31%)
Luminância
0,190
Sea Green #41EA9E
RGB
rgb(65, 234, 158)
HSL
hsl(153, 80%, 59%)
Luminância
0,624
Herbal Vapours #D6FFCE
RGB
rgb(214, 255, 206)
HSL
hsl(110, 100%, 90%)
Luminância
0,903

Contraste e acessibilidade

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

Aa #091E26 sobre #D6FFCE 15,55:1 AAA
Aa #091E26 sobre #FFE8F6 14,79:1 AAA
Aa #2C2259 sobre #D6FFCE 12,87:1 AAA
Aa #2C2259 sobre #FFE8F6 12,25:1 AAA
Aa #091E26 sobre #41EA9E 11,01:1 AAA
Aa #091E26 sobre #FFB496 9,97:1 AAA
Aa #091E26 sobre #FFA3DE 9,42:1 AAA
Aa #2C2259 sobre #41EA9E 9,11:1 AAA
Aa #2C2259 sobre #FFB496 8,26:1 AAA
Aa #2E4B77 sobre #D6FFCE 7,98:1 AAA
Aa #2C2259 sobre #FFA3DE 7,80:1 AAA
Aa #FFE8F6 sobre #2E4B77 7,59:1 AAA
Aa #091E26 sobre #FF708F 6,50:1 AA
Aa #2E4B77 sobre #41EA9E 5,65:1 AA
Aa #2C2259 sobre #FF708F 5,38:1 AA
Aa #FFB496 sobre #2E4B77 5,12:1 AA
Aa #FFA3DE sobre #2E4B77 4,83:1 AA
Aa #091E26 sobre #C341EA 4,30:1 AA, texto grande
Aa #15877F sobre #D6FFCE 3,97:1 AA, texto grande
Aa #091E26 sobre #15877F 3,92:1 AA, texto grande
Aa #FFE8F6 sobre #15877F 3,77:1 AA, texto grande
Aa #C341EA sobre #D6FFCE 3,62:1 AA, texto grande
Aa #2C2259 sobre #C341EA 3,56:1 AA, texto grande
Aa #C341EA sobre #FFE8F6 3,44:1 AA, texto grande
Aa #FF708F sobre #2E4B77 3,33:1 AA, texto grande
Aa #2C2259 sobre #15877F 3,25:1 AA, texto grande
Aa #15877F sobre #41EA9E 2,81:1 Reprovado
Aa #C341EA sobre #41EA9E 2,56:1 Reprovado
Aa #FFB496 sobre #15877F 2,54:1 Reprovado
Aa #FFA3DE sobre #15877F 2,40:1 Reprovado
Aa #FF708F sobre #D6FFCE 2,39:1 Reprovado
Aa #C341EA sobre #FFB496 2,32:1 Reprovado
Aa #FFE8F6 sobre #FF708F 2,28:1 Reprovado
Aa #C341EA sobre #2E4B77 2,20:1 Reprovado
Aa #C341EA sobre #FFA3DE 2,19:1 Reprovado
Aa #2E4B77 sobre #15877F 2,01:1 Reprovado
Aa #091E26 sobre #2E4B77 1,95:1 Reprovado
Aa #FF708F sobre #41EA9E 1,69:1 Reprovado
Aa #FF708F sobre #15877F 1,66:1 Reprovado
Aa #FFA3DE sobre #D6FFCE 1,65:1 Reprovado
Aa #2C2259 sobre #2E4B77 1,61:1 Reprovado
Aa #FFA3DE sobre #FFE8F6 1,57:1 Reprovado
Aa #FFB496 sobre #D6FFCE 1,56:1 Reprovado
Aa #FFB496 sobre #FF708F 1,53:1 Reprovado
Aa #C341EA sobre #FF708F 1,51:1 Reprovado
Aa #FFE8F6 sobre #FFB496 1,48:1 Reprovado
Aa #FFA3DE sobre #FF708F 1,45:1 Reprovado
Aa #41EA9E sobre #D6FFCE 1,41:1 Reprovado
Aa #FFE8F6 sobre #41EA9E 1,34:1 Reprovado
Aa #091E26 sobre #2C2259 1,21:1 Reprovado
Aa #FFA3DE sobre #41EA9E 1,17:1 Reprovado
Aa #C341EA sobre #15877F 1,10:1 Reprovado
Aa #FFB496 sobre #41EA9E 1,10:1 Reprovado
Aa #FFA3DE sobre #FFB496 1,06:1 Reprovado
Aa #FFE8F6 sobre #D6FFCE 1,05:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores