Criar conta Criar conta
RAINBOWPOP11

RAINBOWPOP11

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

Voltar à biblioteca

RAINBOWPOP11

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

Editar
Vibrante 11 cores Neutra Mista Complementar green orange pink red
Curtidas 53
Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #9C062C;
  --c-vibrant-2: #E0690D;
  --c-vibrant-3: #FFFF61;
  --c-vibrant-4: #FDFFE0;
  --c-vibrant-5: #8BE615;
  --c-vibrant-6: #0BBD35;
  --c-vibrant-7: #0EEBD9;
  --c-vibrant-8: #0075CF;
  --c-vibrant-9: #3C1FAD;
  --c-vibrant-10: #310340;
  --c-vibrant-11: #D44696;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Ceramite White (#FDFFE0), o tom mais claro, até Dark Violet (#310340), o mais escuro. Ela reúne Petal of a Dying Rose, Tiger Moth Orange, Canary, Ceramite White, Poisonous Pistachio, Green Goblin, Bright Turquoise, Wizard Blue, Indigo Blue, Dark Violet e Kirby em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FDFFE0 sobre #310340, com 16,88: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

Petal of a Dying Rose #9C062C
RGB
rgb(156, 6, 44)
HSL
hsl(345, 93%, 32%)
Luminância
0,074
Tiger Moth Orange #E0690D
RGB
rgb(224, 105, 13)
HSL
hsl(26, 89%, 46%)
Luminância
0,260
Canary #FFFF61
RGB
rgb(255, 255, 97)
HSL
hsl(60, 100%, 69%)
Luminância
0,936
Ceramite White #FDFFE0
RGB
rgb(253, 255, 224)
HSL
hsl(64, 100%, 94%)
Luminância
0,978
Poisonous Pistachio #8BE615
RGB
rgb(139, 230, 21)
HSL
hsl(86, 83%, 49%)
Luminância
0,621
Green Goblin #0BBD35
RGB
rgb(11, 189, 53)
HSL
hsl(134, 89%, 39%)
Luminância
0,367
Bright Turquoise #0EEBD9
RGB
rgb(14, 235, 217)
HSL
hsl(175, 89%, 49%)
Luminância
0,645
Wizard Blue #0075CF
RGB
rgb(0, 117, 207)
HSL
hsl(206, 100%, 41%)
Luminância
0,172
Indigo Blue #3C1FAD
RGB
rgb(60, 31, 173)
HSL
hsl(252, 70%, 40%)
Luminância
0,050
Dark Violet #310340
RGB
rgb(49, 3, 64)
HSL
hsl(285, 91%, 13%)
Luminância
0,011
Kirby #D44696
RGB
rgb(212, 70, 150)
HSL
hsl(326, 62%, 55%)
Luminância
0,206

Contraste e acessibilidade

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

Aa #FDFFE0 sobre #310340 16,88:1 AAA
Aa #FFFF61 sobre #310340 16,20:1 AAA
Aa #0EEBD9 sobre #310340 11,42:1 AAA
Aa #8BE615 sobre #310340 11,03:1 AAA
Aa #FDFFE0 sobre #3C1FAD 10,32:1 AAA
Aa #FFFF61 sobre #3C1FAD 9,91:1 AAA
Aa #9C062C sobre #FDFFE0 8,30:1 AAA
Aa #9C062C sobre #FFFF61 7,97:1 AAA
Aa #0EEBD9 sobre #3C1FAD 6,98:1 AA
Aa #0BBD35 sobre #310340 6,85:1 AA
Aa #8BE615 sobre #3C1FAD 6,74:1 AA
Aa #9C062C sobre #0EEBD9 5,62:1 AA
Aa #9C062C sobre #8BE615 5,42:1 AA
Aa #E0690D sobre #310340 5,09:1 AA
Aa #FDFFE0 sobre #0075CF 4,62:1 AA
Aa #FFFF61 sobre #0075CF 4,44:1 AA, texto grande
Aa #310340 sobre #D44696 4,20:1 AA, texto grande
Aa #0BBD35 sobre #3C1FAD 4,19:1 AA, texto grande
Aa #FDFFE0 sobre #D44696 4,02:1 AA, texto grande
Aa #FFFF61 sobre #D44696 3,86:1 AA, texto grande
Aa #0075CF sobre #310340 3,65:1 AA, texto grande
Aa #9C062C sobre #0BBD35 3,37:1 AA, texto grande
Aa #E0690D sobre #FDFFE0 3,32:1 AA, texto grande
Aa #E0690D sobre #FFFF61 3,18:1 AA, texto grande
Aa #0EEBD9 sobre #0075CF 3,13:1 AA, texto grande
Aa #E0690D sobre #3C1FAD 3,11:1 AA, texto grande
Aa #8BE615 sobre #0075CF 3,02:1 AA, texto grande
Aa #0EEBD9 sobre #D44696 2,72:1 Reprovado
Aa #8BE615 sobre #D44696 2,62:1 Reprovado
Aa #3C1FAD sobre #D44696 2,57:1 Reprovado
Aa #9C062C sobre #E0690D 2,50:1 Reprovado
Aa #FDFFE0 sobre #0BBD35 2,46:1 Reprovado
Aa #FFFF61 sobre #0BBD35 2,36:1 Reprovado
Aa #E0690D sobre #0EEBD9 2,24:1 Reprovado
Aa #0075CF sobre #3C1FAD 2,23:1 Reprovado
Aa #E0690D sobre #8BE615 2,17:1 Reprovado
Aa #9C062C sobre #D44696 2,07:1 Reprovado
Aa #9C062C sobre #310340 2,03:1 Reprovado
Aa #0BBD35 sobre #0075CF 1,88:1 Reprovado
Aa #9C062C sobre #0075CF 1,80:1 Reprovado
Aa #0BBD35 sobre #0EEBD9 1,67:1 Reprovado
Aa #3C1FAD sobre #310340 1,64:1 Reprovado
Aa #0BBD35 sobre #D44696 1,63:1 Reprovado
Aa #8BE615 sobre #0BBD35 1,61:1 Reprovado
Aa #FDFFE0 sobre #8BE615 1,53:1 Reprovado
Aa #FDFFE0 sobre #0EEBD9 1,48:1 Reprovado
Aa #FFFF61 sobre #8BE615 1,47:1 Reprovado
Aa #FFFF61 sobre #0EEBD9 1,42:1 Reprovado
Aa #E0690D sobre #0075CF 1,39:1 Reprovado
Aa #E0690D sobre #0BBD35 1,35:1 Reprovado
Aa #9C062C sobre #3C1FAD 1,24:1 Reprovado
Aa #E0690D sobre #D44696 1,21:1 Reprovado
Aa #0075CF sobre #D44696 1,15:1 Reprovado
Aa #FFFF61 sobre #FDFFE0 1,04:1 Reprovado
Aa #8BE615 sobre #0EEBD9 1,04: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