Criar conta Criar conta
Vap0r 2nite

Vap0r 2nite

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

Voltar à biblioteca

Vap0r 2nite

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

Editar
Vibrante 10 cores Fria Clara Triádica pink purple cute bright
Curtidas 40
Cores 10

Variáveis CSS

:root {
  --c-vibrant-1: #F9CAEF;
  --c-vibrant-2: #F6B4FF;
  --c-vibrant-3: #FD84F9;
  --c-vibrant-4: #3C2CC9;
  --c-vibrant-5: #0A4BFF;
  --c-vibrant-6: #6061EF;
  --c-vibrant-7: #A29BFF;
  --c-vibrant-8: #72F8E3;
  --c-vibrant-9: #A3F9FF;
  --c-vibrant-10: #EEFFA3;
}

Sobre esta paleta

Esta paleta vibrante de 10 cores vai de Hitchcock Milk (#EEFFA3), o tom mais claro, até Blue Depression (#3C2CC9), o mais escuro. Ela reúne Rosy Maple Moth, Strawberry Buttercream, Technolust, Blue Depression, Magic Ink, Blue Hepatica, Cobalite, Spindrift, Eternal Winter e Hitchcock Milk em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #3C2CC9 sobre #EEFFA3, com 8,13: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

Rosy Maple Moth #F9CAEF
RGB
rgb(249, 202, 239)
HSL
hsl(313, 80%, 88%)
Luminância
0,686
Strawberry Buttercream #F6B4FF
RGB
rgb(246, 180, 255)
HSL
hsl(293, 100%, 85%)
Luminância
0,595
Technolust #FD84F9
RGB
rgb(253, 132, 249)
HSL
hsl(302, 97%, 75%)
Luminância
0,442
Blue Depression #3C2CC9
RGB
rgb(60, 44, 201)
HSL
hsl(246, 64%, 48%)
Luminância
0,070
Magic Ink #0A4BFF
RGB
rgb(10, 75, 255)
HSL
hsl(224, 100%, 52%)
Luminância
0,123
Blue Hepatica #6061EF
RGB
rgb(96, 97, 239)
HSL
hsl(240, 82%, 66%)
Luminância
0,173
Cobalite #A29BFF
RGB
rgb(162, 155, 255)
HSL
hsl(244, 100%, 80%)
Luminância
0,383
Spindrift #72F8E3
RGB
rgb(114, 248, 227)
HSL
hsl(171, 91%, 71%)
Luminância
0,763
Eternal Winter #A3F9FF
RGB
rgb(163, 249, 255)
HSL
hsl(184, 100%, 82%)
Luminância
0,828
Hitchcock Milk #EEFFA3
RGB
rgb(238, 255, 163)
HSL
hsl(71, 100%, 82%)
Luminância
0,923

Contraste e acessibilidade

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

Aa #3C2CC9 sobre #EEFFA3 8,13:1 AAA
Aa #3C2CC9 sobre #A3F9FF 7,33:1 AAA
Aa #3C2CC9 sobre #72F8E3 6,78:1 AA
Aa #F9CAEF sobre #3C2CC9 6,15:1 AA
Aa #0A4BFF sobre #EEFFA3 5,62:1 AA
Aa #F6B4FF sobre #3C2CC9 5,38:1 AA
Aa #0A4BFF sobre #A3F9FF 5,07:1 AA
Aa #0A4BFF sobre #72F8E3 4,69:1 AA
Aa #6061EF sobre #EEFFA3 4,37:1 AA, texto grande
Aa #F9CAEF sobre #0A4BFF 4,25:1 AA, texto grande
Aa #FD84F9 sobre #3C2CC9 4,11:1 AA, texto grande
Aa #6061EF sobre #A3F9FF 3,94:1 AA, texto grande
Aa #F6B4FF sobre #0A4BFF 3,72:1 AA, texto grande
Aa #6061EF sobre #72F8E3 3,65:1 AA, texto grande
Aa #3C2CC9 sobre #A29BFF 3,62:1 AA, texto grande
Aa #F9CAEF sobre #6061EF 3,31:1 AA, texto grande
Aa #F6B4FF sobre #6061EF 2,89:1 Reprovado
Aa #FD84F9 sobre #0A4BFF 2,84:1 Reprovado
Aa #0A4BFF sobre #A29BFF 2,50:1 Reprovado
Aa #A29BFF sobre #EEFFA3 2,25:1 Reprovado
Aa #FD84F9 sobre #6061EF 2,21:1 Reprovado
Aa #A29BFF sobre #A3F9FF 2,02:1 Reprovado
Aa #FD84F9 sobre #EEFFA3 1,98:1 Reprovado
Aa #6061EF sobre #A29BFF 1,95:1 Reprovado
Aa #A29BFF sobre #72F8E3 1,87:1 Reprovado
Aa #3C2CC9 sobre #6061EF 1,86:1 Reprovado
Aa #FD84F9 sobre #A3F9FF 1,78:1 Reprovado
Aa #F9CAEF sobre #A29BFF 1,70:1 Reprovado
Aa #FD84F9 sobre #72F8E3 1,65:1 Reprovado
Aa #F6B4FF sobre #EEFFA3 1,51:1 Reprovado
Aa #F9CAEF sobre #FD84F9 1,50:1 Reprovado
Aa #F6B4FF sobre #A29BFF 1,49:1 Reprovado
Aa #3C2CC9 sobre #0A4BFF 1,45:1 Reprovado
Aa #F6B4FF sobre #A3F9FF 1,36:1 Reprovado
Aa #F9CAEF sobre #EEFFA3 1,32:1 Reprovado
Aa #F6B4FF sobre #FD84F9 1,31:1 Reprovado
Aa #0A4BFF sobre #6061EF 1,29:1 Reprovado
Aa #F6B4FF sobre #72F8E3 1,26:1 Reprovado
Aa #72F8E3 sobre #EEFFA3 1,20:1 Reprovado
Aa #F9CAEF sobre #A3F9FF 1,19:1 Reprovado
Aa #F9CAEF sobre #F6B4FF 1,14:1 Reprovado
Aa #FD84F9 sobre #A29BFF 1,14:1 Reprovado
Aa #A3F9FF sobre #EEFFA3 1,11:1 Reprovado
Aa #F9CAEF sobre #72F8E3 1,10:1 Reprovado
Aa #72F8E3 sobre #A3F9FF 1,08: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