Criar conta Criar conta
Cotton Candy

Cotton Candy

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

Voltar à biblioteca

Cotton Candy

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

Editar
Vibrante 10 cores Quente Mista Complementar artist pink blue purple
Curtidas 25
Cores 10

Variáveis CSS

:root {
  --c-vibrant-1: #032165;
  --c-vibrant-2: #00608C;
  --c-vibrant-3: #00D6BA;
  --c-vibrant-4: #FFFAD6;
  --c-vibrant-5: #FFC0CF;
  --c-vibrant-6: #FF73C1;
  --c-vibrant-7: #CC1C58;
  --c-vibrant-8: #7B5CAB;
  --c-vibrant-9: #4F2D84;
  --c-vibrant-10: #000000;
}

Sobre esta paleta

Esta paleta vibrante de 10 cores vai de Country Summer (#FFFAD6), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Midnight Melancholia, Ink Blotch, Channel Marker Green, Country Summer, Garden Glory, Dream Setting, Love Surge, Genestealer Purple, Sick Blue e Black em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFFAD6 sobre #000000, com 19,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

Midnight Melancholia #032165
RGB
rgb(3, 33, 101)
HSL
hsl(222, 94%, 20%)
Luminância
0,021
Ink Blotch #00608C
RGB
rgb(0, 96, 140)
HSL
hsl(199, 100%, 27%)
Luminância
0,103
Channel Marker Green #00D6BA
RGB
rgb(0, 214, 186)
HSL
hsl(172, 100%, 42%)
Luminância
0,516
Country Summer #FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
Luminância
0,945
Garden Glory #FFC0CF
RGB
rgb(255, 192, 207)
HSL
hsl(346, 100%, 88%)
Luminância
0,635
Dream Setting #FF73C1
RGB
rgb(255, 115, 193)
HSL
hsl(327, 100%, 73%)
Luminância
0,374
Love Surge #CC1C58
RGB
rgb(204, 28, 88)
HSL
hsl(340, 76%, 45%)
Luminância
0,144
Genestealer Purple #7B5CAB
RGB
rgb(123, 92, 171)
HSL
hsl(264, 32%, 52%)
Luminância
0,148
Sick Blue #4F2D84
RGB
rgb(79, 45, 132)
HSL
hsl(263, 49%, 35%)
Luminância
0,052
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000

Contraste e acessibilidade

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

Aa #FFFAD6 sobre #000000 19,90:1 AAA
Aa #032165 sobre #FFFAD6 14,12:1 AAA
Aa #FFC0CF sobre #000000 13,69:1 AAA
Aa #00D6BA sobre #000000 11,33:1 AAA
Aa #FFFAD6 sobre #4F2D84 9,75:1 AAA
Aa #032165 sobre #FFC0CF 9,72:1 AAA
Aa #FF73C1 sobre #000000 8,47:1 AAA
Aa #032165 sobre #00D6BA 8,04:1 AAA
Aa #FFC0CF sobre #4F2D84 6,71:1 AA
Aa #00608C sobre #FFFAD6 6,52:1 AA
Aa #032165 sobre #FF73C1 6,01:1 AA
Aa #00D6BA sobre #4F2D84 5,55:1 AA
Aa #FFFAD6 sobre #CC1C58 5,14:1 AA
Aa #FFFAD6 sobre #7B5CAB 5,02:1 AA
Aa #00608C sobre #FFC0CF 4,49:1 AA, texto grande
Aa #FF73C1 sobre #4F2D84 4,15:1 AA, texto grande
Aa #7B5CAB sobre #000000 3,96:1 AA, texto grande
Aa #CC1C58 sobre #000000 3,87:1 AA, texto grande
Aa #00608C sobre #00D6BA 3,71:1 AA, texto grande
Aa #FFC0CF sobre #CC1C58 3,53:1 AA, texto grande
Aa #FFC0CF sobre #7B5CAB 3,46:1 AA, texto grande
Aa #00608C sobre #000000 3,05:1 AA, texto grande
Aa #00D6BA sobre #CC1C58 2,92:1 Reprovado
Aa #00D6BA sobre #7B5CAB 2,86:1 Reprovado
Aa #032165 sobre #7B5CAB 2,81:1 Reprovado
Aa #00608C sobre #FF73C1 2,78:1 Reprovado
Aa #032165 sobre #CC1C58 2,75:1 Reprovado
Aa #FFFAD6 sobre #FF73C1 2,35:1 Reprovado
Aa #FF73C1 sobre #CC1C58 2,19:1 Reprovado
Aa #032165 sobre #00608C 2,17:1 Reprovado
Aa #FF73C1 sobre #7B5CAB 2,14:1 Reprovado
Aa #4F2D84 sobre #000000 2,04:1 Reprovado
Aa #7B5CAB sobre #4F2D84 1,94:1 Reprovado
Aa #CC1C58 sobre #4F2D84 1,90:1 Reprovado
Aa #00D6BA sobre #FFFAD6 1,76:1 Reprovado
Aa #FFC0CF sobre #FF73C1 1,62:1 Reprovado
Aa #00608C sobre #4F2D84 1,50:1 Reprovado
Aa #032165 sobre #4F2D84 1,45:1 Reprovado
Aa #FFFAD6 sobre #FFC0CF 1,45:1 Reprovado
Aa #032165 sobre #000000 1,41:1 Reprovado
Aa #00D6BA sobre #FF73C1 1,34:1 Reprovado
Aa #00608C sobre #7B5CAB 1,30:1 Reprovado
Aa #00608C sobre #CC1C58 1,27:1 Reprovado
Aa #00D6BA sobre #FFC0CF 1,21:1 Reprovado
Aa #CC1C58 sobre #7B5CAB 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