Criar conta Criar conta
A BEAUTIFUL DAY OUTSIDE

A BEAUTIFUL DAY OUTSIDE

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

Voltar à biblioteca

A BEAUTIFUL DAY OUTSIDE

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

Editar
Vibrante 8 cores Quente Mista Complementar pixelart pixel modern adobe
Curtidas 15
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #00FF65;
  --c-vibrant-2: #FF3D3D;
  --c-vibrant-3: #FF9A56;
  --c-vibrant-4: #FFE256;
  --c-vibrant-5: #82D9EA;
  --c-vibrant-6: #CF68FF;
  --c-vibrant-7: #FF66EA;
  --c-vibrant-8: #FF2684;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Pickled Ginger (#FFE256), o tom mais claro, até Reliquial Rose (#FF2684), o mais escuro. Ela reúne Cathode Green, Red Coral, Honey Carrot Cake, Pickled Ginger, Medium Sky Blue, Jacaranda Pink, Vaporwave e Reliquial Rose em um único conjunto que você pode levar direto para uma interface. Nenhum dos 28 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Cathode Green #00FF65
RGB
rgb(0, 255, 101)
HSL
hsl(144, 100%, 50%)
Luminância
0,725
Red Coral #FF3D3D
RGB
rgb(255, 61, 61)
HSL
hsl(0, 100%, 62%)
Luminância
0,249
Honey Carrot Cake #FF9A56
RGB
rgb(255, 154, 86)
HSL
hsl(24, 100%, 67%)
Luminância
0,450
Pickled Ginger #FFE256
RGB
rgb(255, 226, 86)
HSL
hsl(50, 100%, 67%)
Luminância
0,763
Medium Sky Blue #82D9EA
RGB
rgb(130, 217, 234)
HSL
hsl(190, 71%, 71%)
Luminância
0,603
Jacaranda Pink #CF68FF
RGB
rgb(207, 104, 255)
HSL
hsl(281, 100%, 70%)
Luminância
0,304
Vaporwave #FF66EA
RGB
rgb(255, 102, 234)
HSL
hsl(308, 100%, 70%)
Luminância
0,367
Reliquial Rose #FF2684
RGB
rgb(255, 38, 132)
HSL
hsl(334, 100%, 57%)
Luminância
0,243

Contraste e acessibilidade

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

Aa #FFE256 sobre #FF2684 2,77:1 Reprovado
Aa #FF3D3D sobre #FFE256 2,72:1 Reprovado
Aa #00FF65 sobre #FF2684 2,64:1 Reprovado
Aa #00FF65 sobre #FF3D3D 2,59:1 Reprovado
Aa #FFE256 sobre #CF68FF 2,30:1 Reprovado
Aa #82D9EA sobre #FF2684 2,23:1 Reprovado
Aa #00FF65 sobre #CF68FF 2,19:1 Reprovado
Aa #FF3D3D sobre #82D9EA 2,18:1 Reprovado
Aa #FFE256 sobre #FF66EA 1,95:1 Reprovado
Aa #00FF65 sobre #FF66EA 1,86:1 Reprovado
Aa #82D9EA sobre #CF68FF 1,85:1 Reprovado
Aa #FF9A56 sobre #FF2684 1,71:1 Reprovado
Aa #FF3D3D sobre #FF9A56 1,67:1 Reprovado
Aa #FF9A56 sobre #FFE256 1,63:1 Reprovado
Aa #82D9EA sobre #FF66EA 1,57:1 Reprovado
Aa #00FF65 sobre #FF9A56 1,55:1 Reprovado
Aa #FF66EA sobre #FF2684 1,42:1 Reprovado
Aa #FF9A56 sobre #CF68FF 1,41:1 Reprovado
Aa #FF3D3D sobre #FF66EA 1,39:1 Reprovado
Aa #FF9A56 sobre #82D9EA 1,31:1 Reprovado
Aa #FFE256 sobre #82D9EA 1,25:1 Reprovado
Aa #CF68FF sobre #FF2684 1,21:1 Reprovado
Aa #FF9A56 sobre #FF66EA 1,20:1 Reprovado
Aa #00FF65 sobre #82D9EA 1,19:1 Reprovado
Aa #FF3D3D sobre #CF68FF 1,18:1 Reprovado
Aa #CF68FF sobre #FF66EA 1,18:1 Reprovado
Aa #00FF65 sobre #FFE256 1,05:1 Reprovado
Aa #FF3D3D sobre #FF2684 1,02: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