Criar conta Criar conta
Whiteboardfox Palette (basic)

Whiteboardfox Palette (basic)

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

Voltar à biblioteca

Whiteboardfox Palette (basic)

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

Editar
Vibrante 7 cores Neutra Mista Complementar small palette 7colors whiteboardfox
Curtidas 12
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #AE8CE2;
  --c-vibrant-3: #2D5D9E;
  --c-vibrant-4: #43BEF2;
  --c-vibrant-5: #99B213;
  --c-vibrant-6: #E5B42E;
  --c-vibrant-7: #C00F68;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de Nanohanacha Gold (#E5B42E), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Dreamy Candy Forest, Neptune Blue, Clean Pool, Sickly Green, Nanohanacha Gold e Spiced Purple em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #E5B42E, com 10,9: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Dreamy Candy Forest #AE8CE2
RGB
rgb(174, 140, 226)
HSL
hsl(264, 60%, 72%)
Luminância
0,333
Neptune Blue #2D5D9E
RGB
rgb(45, 93, 158)
HSL
hsl(215, 56%, 40%)
Luminância
0,109
Clean Pool #43BEF2
RGB
rgb(67, 190, 242)
HSL
hsl(198, 87%, 61%)
Luminância
0,444
Sickly Green #99B213
RGB
rgb(153, 178, 19)
HSL
hsl(69, 81%, 39%)
Luminância
0,387
Nanohanacha Gold #E5B42E
RGB
rgb(229, 180, 46)
HSL
hsl(44, 78%, 54%)
Luminância
0,495
Spiced Purple #C00F68
RGB
rgb(192, 15, 104)
HSL
hsl(330, 86%, 41%)
Luminância
0,126

Contraste e acessibilidade

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

Aa #000000 sobre #E5B42E 10,90:1 AAA
Aa #000000 sobre #43BEF2 9,89:1 AAA
Aa #000000 sobre #99B213 8,73:1 AAA
Aa #000000 sobre #AE8CE2 7,65:1 AAA
Aa #000000 sobre #C00F68 3,51:1 AA, texto grande
Aa #2D5D9E sobre #E5B42E 3,44:1 AA, texto grande
Aa #000000 sobre #2D5D9E 3,17:1 AA, texto grande
Aa #2D5D9E sobre #43BEF2 3,12:1 AA, texto grande
Aa #E5B42E sobre #C00F68 3,11:1 AA, texto grande
Aa #43BEF2 sobre #C00F68 2,82:1 Reprovado
Aa #2D5D9E sobre #99B213 2,75:1 Reprovado
Aa #99B213 sobre #C00F68 2,49:1 Reprovado
Aa #AE8CE2 sobre #2D5D9E 2,41:1 Reprovado
Aa #AE8CE2 sobre #C00F68 2,18:1 Reprovado
Aa #AE8CE2 sobre #E5B42E 1,42:1 Reprovado
Aa #AE8CE2 sobre #43BEF2 1,29:1 Reprovado
Aa #99B213 sobre #E5B42E 1,25:1 Reprovado
Aa #AE8CE2 sobre #99B213 1,14:1 Reprovado
Aa #43BEF2 sobre #99B213 1,13:1 Reprovado
Aa #2D5D9E sobre #C00F68 1,11:1 Reprovado
Aa #43BEF2 sobre #E5B42E 1,10: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