Criar conta Criar conta
Bluebell + Rot

Bluebell + Rot

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

Voltar à biblioteca

Bluebell + Rot

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

Editar
Vibrante 11 cores Fria Mista Complementar green blue purple brown
Curtidas 14
Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #45013B;
  --c-vibrant-2: #53298A;
  --c-vibrant-3: #726FD1;
  --c-vibrant-4: #AADEFA;
  --c-vibrant-5: #E2FCF3;
  --c-vibrant-6: #98E698;
  --c-vibrant-7: #86CC58;
  --c-vibrant-8: #818F1B;
  --c-vibrant-9: #63520C;
  --c-vibrant-10: #402201;
  --c-vibrant-11: #2B0A04;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Mint Condition (#E2FCF3), o tom mais claro, até Root Brew (#2B0A04), o mais escuro. Ela reúne Eggplant, KSU Purple, C64 Purple, Droplet, Mint Condition, Granny Smith Apple, Fairy Tale Green, Foggy Bog, Olive Brown, Blackened Brown e Root Brew em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 20 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #E2FCF3 sobre #2B0A04, com 16,95: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

Eggplant #45013B
RGB
rgb(69, 1, 59)
HSL
hsl(309, 97%, 14%)
Luminância
0,016
KSU Purple #53298A
RGB
rgb(83, 41, 138)
HSL
hsl(266, 54%, 35%)
Luminância
0,053
C64 Purple #726FD1
RGB
rgb(114, 111, 209)
HSL
hsl(242, 52%, 63%)
Luminância
0,196
Droplet #AADEFA
RGB
rgb(170, 222, 250)
HSL
hsl(201, 89%, 82%)
Luminância
0,677
Mint Condition #E2FCF3
RGB
rgb(226, 252, 243)
HSL
hsl(159, 81%, 94%)
Luminância
0,923
Granny Smith Apple #98E698
RGB
rgb(152, 230, 152)
HSL
hsl(120, 61%, 75%)
Luminância
0,655
Fairy Tale Green #86CC58
RGB
rgb(134, 204, 88)
HSL
hsl(96, 53%, 57%)
Luminância
0,490
Foggy Bog #818F1B
RGB
rgb(129, 143, 27)
HSL
hsl(67, 68%, 33%)
Luminância
0,244
Olive Brown #63520C
RGB
rgb(99, 82, 12)
HSL
hsl(48, 78%, 22%)
Luminância
0,087
Blackened Brown #402201
RGB
rgb(64, 34, 1)
HSL
hsl(31, 97%, 13%)
Luminância
0,022
Root Brew #2B0A04
RGB
rgb(43, 10, 4)
HSL
hsl(9, 83%, 9%)
Luminância
0,007

Contraste e acessibilidade

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

Aa #E2FCF3 sobre #2B0A04 16,95:1 AAA
Aa #45013B sobre #E2FCF3 14,73:1 AAA
Aa #E2FCF3 sobre #402201 13,44:1 AAA
Aa #AADEFA sobre #2B0A04 12,67:1 AAA
Aa #98E698 sobre #2B0A04 12,29:1 AAA
Aa #45013B sobre #AADEFA 11,01:1 AAA
Aa #45013B sobre #98E698 10,68:1 AAA
Aa #AADEFA sobre #402201 10,05:1 AAA
Aa #98E698 sobre #402201 9,75:1 AAA
Aa #53298A sobre #E2FCF3 9,48:1 AAA
Aa #86CC58 sobre #2B0A04 9,40:1 AAA
Aa #45013B sobre #86CC58 8,17:1 AAA
Aa #86CC58 sobre #402201 7,46:1 AAA
Aa #E2FCF3 sobre #63520C 7,09:1 AAA
Aa #53298A sobre #AADEFA 7,08:1 AAA
Aa #53298A sobre #98E698 6,87:1 AA
Aa #AADEFA sobre #63520C 5,30:1 AA
Aa #53298A sobre #86CC58 5,26:1 AA
Aa #98E698 sobre #63520C 5,14:1 AA
Aa #818F1B sobre #2B0A04 5,12:1 AA
Aa #45013B sobre #818F1B 4,45:1 AA, texto grande
Aa #726FD1 sobre #2B0A04 4,28:1 AA, texto grande
Aa #818F1B sobre #402201 4,06:1 AA, texto grande
Aa #726FD1 sobre #E2FCF3 3,96:1 AA, texto grande
Aa #86CC58 sobre #63520C 3,93:1 AA, texto grande
Aa #45013B sobre #726FD1 3,72:1 AA, texto grande
Aa #726FD1 sobre #402201 3,39:1 AA, texto grande
Aa #E2FCF3 sobre #818F1B 3,31:1 AA, texto grande
Aa #726FD1 sobre #AADEFA 2,96:1 Reprovado
Aa #726FD1 sobre #98E698 2,87:1 Reprovado
Aa #53298A sobre #818F1B 2,86:1 Reprovado
Aa #AADEFA sobre #818F1B 2,47:1 Reprovado
Aa #98E698 sobre #818F1B 2,40:1 Reprovado
Aa #53298A sobre #726FD1 2,39:1 Reprovado
Aa #63520C sobre #2B0A04 2,39:1 Reprovado
Aa #726FD1 sobre #86CC58 2,20:1 Reprovado
Aa #818F1B sobre #63520C 2,14:1 Reprovado
Aa #45013B sobre #63520C 2,08:1 Reprovado
Aa #63520C sobre #402201 1,90:1 Reprovado
Aa #86CC58 sobre #818F1B 1,84:1 Reprovado
Aa #E2FCF3 sobre #86CC58 1,80:1 Reprovado
Aa #53298A sobre #2B0A04 1,79:1 Reprovado
Aa #726FD1 sobre #63520C 1,79:1 Reprovado
Aa #45013B sobre #53298A 1,55:1 Reprovado
Aa #53298A sobre #402201 1,42:1 Reprovado
Aa #E2FCF3 sobre #98E698 1,38:1 Reprovado
Aa #AADEFA sobre #86CC58 1,35:1 Reprovado
Aa #53298A sobre #63520C 1,34:1 Reprovado
Aa #AADEFA sobre #E2FCF3 1,34:1 Reprovado
Aa #98E698 sobre #86CC58 1,31:1 Reprovado
Aa #402201 sobre #2B0A04 1,26:1 Reprovado
Aa #726FD1 sobre #818F1B 1,20:1 Reprovado
Aa #45013B sobre #2B0A04 1,15:1 Reprovado
Aa #45013B sobre #402201 1,10:1 Reprovado
Aa #AADEFA sobre #98E698 1,03: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