Criar conta Criar conta
SKYLINE 12

SKYLINE 12

Paleta de 12 cores · Fria · Clara · Harmonia: Triádica

Voltar à biblioteca

SKYLINE 12

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Clara · Harmonia: Triádica

Editar
Vibrante 12 cores Fria Clara Triádica blue sky fresh ment
Curtidas 29
Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #EEF3F7;
  --c-vibrant-2: #B2D6F7;
  --c-vibrant-3: #B2BEF7;
  --c-vibrant-4: #DEB2F7;
  --c-vibrant-5: #00FFD8;
  --c-vibrant-6: #00C9FF;
  --c-vibrant-7: #00A4FF;
  --c-vibrant-8: #0072FF;
  --c-vibrant-9: #8CB28C;
  --c-vibrant-10: #7B9490;
  --c-vibrant-11: #71828B;
  --c-vibrant-12: #71718A;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Airport (#EEF3F7), o tom mais claro, até Stormy Mauve (#71718A), o mais escuro. Ela reúne Airport, Blue Rice, Purple Illusion, Mauve, Ice Ice Baby, Vivid Sky Blue, Protoss Pylon, Brandeis Blue, Shaded Willow, Tile Green, Oyster Bay e Stormy Mauve em um único conjunto que você pode levar direto para uma interface. Nenhum dos 66 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

Airport #EEF3F7
RGB
rgb(238, 243, 247)
HSL
hsl(207, 36%, 95%)
Luminância
0,890
Blue Rice #B2D6F7
RGB
rgb(178, 214, 247)
HSL
hsl(209, 81%, 83%)
Luminância
0,643
Purple Illusion #B2BEF7
RGB
rgb(178, 190, 247)
HSL
hsl(230, 81%, 83%)
Luminância
0,530
Mauve #DEB2F7
RGB
rgb(222, 178, 247)
HSL
hsl(278, 81%, 83%)
Luminância
0,541
Ice Ice Baby #00FFD8
RGB
rgb(0, 255, 216)
HSL
hsl(171, 100%, 50%)
Luminância
0,765
Vivid Sky Blue #00C9FF
RGB
rgb(0, 201, 255)
HSL
hsl(193, 100%, 50%)
Luminância
0,490
Protoss Pylon #00A4FF
RGB
rgb(0, 164, 255)
HSL
hsl(201, 100%, 50%)
Luminância
0,338
Brandeis Blue #0072FF
RGB
rgb(0, 114, 255)
HSL
hsl(213, 100%, 50%)
Luminância
0,193
Shaded Willow #8CB28C
RGB
rgb(140, 178, 140)
HSL
hsl(120, 20%, 62%)
Luminância
0,393
Tile Green #7B9490
RGB
rgb(123, 148, 144)
HSL
hsl(170, 10%, 53%)
Luminância
0,274
Oyster Bay #71828B
RGB
rgb(113, 130, 139)
HSL
hsl(201, 10%, 49%)
Luminância
0,213
Stormy Mauve #71718A
RGB
rgb(113, 113, 138)
HSL
hsl(240, 10%, 49%)
Luminância
0,172

Contraste e acessibilidade

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

Aa #EEF3F7 sobre #71718A 4,24:1 AA, texto grande
Aa #EEF3F7 sobre #0072FF 3,88:1 AA, texto grande
Aa #00FFD8 sobre #71718A 3,68:1 AA, texto grande
Aa #EEF3F7 sobre #71828B 3,57:1 AA, texto grande
Aa #00FFD8 sobre #0072FF 3,36:1 AA, texto grande
Aa #B2D6F7 sobre #71718A 3,13:1 AA, texto grande
Aa #00FFD8 sobre #71828B 3,09:1 AA, texto grande
Aa #EEF3F7 sobre #7B9490 2,90:1 Reprovado
Aa #B2D6F7 sobre #0072FF 2,86:1 Reprovado
Aa #DEB2F7 sobre #71718A 2,67:1 Reprovado
Aa #B2D6F7 sobre #71828B 2,63:1 Reprovado
Aa #B2BEF7 sobre #71718A 2,62:1 Reprovado
Aa #00FFD8 sobre #7B9490 2,51:1 Reprovado
Aa #DEB2F7 sobre #0072FF 2,44:1 Reprovado
Aa #00C9FF sobre #71718A 2,44:1 Reprovado
Aa #EEF3F7 sobre #00A4FF 2,42:1 Reprovado
Aa #B2BEF7 sobre #0072FF 2,39:1 Reprovado
Aa #DEB2F7 sobre #71828B 2,24:1 Reprovado
Aa #00C9FF sobre #0072FF 2,23:1 Reprovado
Aa #B2BEF7 sobre #71828B 2,20:1 Reprovado
Aa #B2D6F7 sobre #7B9490 2,14:1 Reprovado
Aa #EEF3F7 sobre #8CB28C 2,12:1 Reprovado
Aa #00FFD8 sobre #00A4FF 2,10:1 Reprovado
Aa #00C9FF sobre #71828B 2,05:1 Reprovado
Aa #8CB28C sobre #71718A 2,00:1 Reprovado
Aa #00FFD8 sobre #8CB28C 1,84:1 Reprovado
Aa #0072FF sobre #8CB28C 1,83:1 Reprovado
Aa #DEB2F7 sobre #7B9490 1,82:1 Reprovado
Aa #B2D6F7 sobre #00A4FF 1,79:1 Reprovado
Aa #B2BEF7 sobre #7B9490 1,79:1 Reprovado
Aa #00A4FF sobre #71718A 1,75:1 Reprovado
Aa #EEF3F7 sobre #00C9FF 1,74:1 Reprovado
Aa #8CB28C sobre #71828B 1,68:1 Reprovado
Aa #00C9FF sobre #7B9490 1,67:1 Reprovado
Aa #EEF3F7 sobre #B2BEF7 1,62:1 Reprovado
Aa #00A4FF sobre #0072FF 1,60:1 Reprovado
Aa #EEF3F7 sobre #DEB2F7 1,59:1 Reprovado
Aa #B2D6F7 sobre #8CB28C 1,56:1 Reprovado
Aa #DEB2F7 sobre #00A4FF 1,52:1 Reprovado
Aa #00FFD8 sobre #00C9FF 1,51:1 Reprovado
Aa #B2BEF7 sobre #00A4FF 1,50:1 Reprovado
Aa #00A4FF sobre #71828B 1,47:1 Reprovado
Aa #7B9490 sobre #71718A 1,46:1 Reprovado
Aa #B2BEF7 sobre #00FFD8 1,40:1 Reprovado
Aa #00C9FF sobre #00A4FF 1,39:1 Reprovado
Aa #DEB2F7 sobre #00FFD8 1,38:1 Reprovado
Aa #8CB28C sobre #7B9490 1,37:1 Reprovado
Aa #EEF3F7 sobre #B2D6F7 1,36:1 Reprovado
Aa #0072FF sobre #7B9490 1,34:1 Reprovado
Aa #DEB2F7 sobre #8CB28C 1,33:1 Reprovado
Aa #B2BEF7 sobre #8CB28C 1,31:1 Reprovado
Aa #B2D6F7 sobre #00C9FF 1,28:1 Reprovado
Aa #7B9490 sobre #71828B 1,23:1 Reprovado
Aa #00C9FF sobre #8CB28C 1,22:1 Reprovado
Aa #00A4FF sobre #7B9490 1,20:1 Reprovado
Aa #B2D6F7 sobre #B2BEF7 1,19:1 Reprovado
Aa #71828B sobre #71718A 1,19:1 Reprovado
Aa #B2D6F7 sobre #00FFD8 1,18:1 Reprovado
Aa #B2D6F7 sobre #DEB2F7 1,17:1 Reprovado
Aa #EEF3F7 sobre #00FFD8 1,15:1 Reprovado
Aa #00A4FF sobre #8CB28C 1,14:1 Reprovado
Aa #DEB2F7 sobre #00C9FF 1,09:1 Reprovado
Aa #0072FF sobre #71828B 1,09:1 Reprovado
Aa #0072FF sobre #71718A 1,09:1 Reprovado
Aa #B2BEF7 sobre #00C9FF 1,07:1 Reprovado
Aa #B2BEF7 sobre #DEB2F7 1,02:1 Reprovado

Paletas semelhantes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 cores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 cores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 cores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 cores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 cores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 cores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 cores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 cores