Criar conta Criar conta
Bioluminescent

Bioluminescent

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

Voltar à biblioteca

Bioluminescent

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

Editar
Vibrante 6 cores Neutra Mista Complementar pixelart night fantasy forest
Curtidas 40
Cores 6

Variáveis CSS

:root {
  --c-vibrant-1: #D9FF85;
  --c-vibrant-2: #D2D61D;
  --c-vibrant-3: #B18D3A;
  --c-vibrant-4: #CB5785;
  --c-vibrant-5: #3B3C83;
  --c-vibrant-6: #00134A;
}

Sobre esta paleta

Esta paleta vibrante de 6 cores vai de Honeydew Peel (#D9FF85), o tom mais claro, até Kantor Blue (#00134A), o mais escuro. Ela reúne Honeydew Peel, Sun Flooded Woods, Alpine, Pretty in Plum, Clematis Blue e Kantor Blue em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #D9FF85 sobre #00134A, com 15,6: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

Honeydew Peel #D9FF85
RGB
rgb(217, 255, 133)
HSL
hsl(79, 100%, 76%)
Luminância
0,880
Sun Flooded Woods #D2D61D
RGB
rgb(210, 214, 29)
HSL
hsl(61, 76%, 48%)
Luminância
0,619
Alpine #B18D3A
RGB
rgb(177, 141, 58)
HSL
hsl(42, 51%, 46%)
Luminância
0,287
Pretty in Plum #CB5785
RGB
rgb(203, 87, 133)
HSL
hsl(336, 53%, 57%)
Luminância
0,212
Clematis Blue #3B3C83
RGB
rgb(59, 60, 131)
HSL
hsl(239, 38%, 37%)
Luminância
0,058
Kantor Blue #00134A
RGB
rgb(0, 19, 74)
HSL
hsl(225, 100%, 15%)
Luminância
0,010

Contraste e acessibilidade

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

Aa #D9FF85 sobre #00134A 15,60:1 AAA
Aa #D2D61D sobre #00134A 11,22:1 AAA
Aa #D9FF85 sobre #3B3C83 8,61:1 AAA
Aa #D2D61D sobre #3B3C83 6,19:1 AA
Aa #B18D3A sobre #00134A 5,65:1 AA
Aa #CB5785 sobre #00134A 4,40:1 AA, texto grande
Aa #D9FF85 sobre #CB5785 3,55:1 AA, texto grande
Aa #B18D3A sobre #3B3C83 3,12:1 AA, texto grande
Aa #D9FF85 sobre #B18D3A 2,76:1 Reprovado
Aa #D2D61D sobre #CB5785 2,55:1 Reprovado
Aa #CB5785 sobre #3B3C83 2,43:1 Reprovado
Aa #D2D61D sobre #B18D3A 1,98:1 Reprovado
Aa #3B3C83 sobre #00134A 1,81:1 Reprovado
Aa #D9FF85 sobre #D2D61D 1,39:1 Reprovado
Aa #B18D3A sobre #CB5785 1,29: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