Criar conta Criar conta
Retro 115

Retro 115

Paleta de 7 cores · Fria · Mista · Harmonia: Triádica

Voltar à biblioteca

Retro 115

Paleta de 7 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Triádica

Editar
Vibrante 7 cores Fria Mista Triádica blue retro lofi
Curtidas 239
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #040026;
  --c-vibrant-2: #004BC0;
  --c-vibrant-3: #0097EC;
  --c-vibrant-4: #00F3FC;
  --c-vibrant-5: #FFBCFF;
  --c-vibrant-6: #D569F6;
  --c-vibrant-7: #6C1FD3;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de Brain Freeze (#00F3FC), o tom mais claro, até Hadopelagic Water (#040026), o mais escuro. Ela reúne Hadopelagic Water, Absolute Zero, Pervenche, Brain Freeze, Distilled Rose, Venus Slipper Orchid e Crown Chakra em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #040026 sobre #00F3FC, com 14,74: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

Hadopelagic Water #040026
RGB
rgb(4, 0, 38)
HSL
hsl(246, 100%, 7%)
Luminância
0,002
Absolute Zero #004BC0
RGB
rgb(0, 75, 192)
HSL
hsl(217, 100%, 38%)
Luminância
0,088
Pervenche #0097EC
RGB
rgb(0, 151, 236)
HSL
hsl(202, 100%, 46%)
Luminância
0,282
Brain Freeze #00F3FC
RGB
rgb(0, 243, 252)
HSL
hsl(182, 100%, 49%)
Luminância
0,711
Distilled Rose #FFBCFF
RGB
rgb(255, 188, 255)
HSL
hsl(300, 100%, 87%)
Luminância
0,645
Venus Slipper Orchid #D569F6
RGB
rgb(213, 105, 246)
HSL
hsl(286, 89%, 69%)
Luminância
0,309
Crown Chakra #6C1FD3
RGB
rgb(108, 31, 211)
HSL
hsl(266, 74%, 47%)
Luminância
0,089

Contraste e acessibilidade

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

Aa #040026 sobre #00F3FC 14,74:1 AAA
Aa #040026 sobre #FFBCFF 13,44:1 AAA
Aa #040026 sobre #D569F6 6,95:1 AA
Aa #040026 sobre #0097EC 6,42:1 AA
Aa #004BC0 sobre #00F3FC 5,50:1 AA
Aa #00F3FC sobre #6C1FD3 5,49:1 AA
Aa #004BC0 sobre #FFBCFF 5,02:1 AA
Aa #FFBCFF sobre #6C1FD3 5,01:1 AA
Aa #040026 sobre #6C1FD3 2,69:1 Reprovado
Aa #040026 sobre #004BC0 2,68:1 Reprovado
Aa #004BC0 sobre #D569F6 2,59:1 Reprovado
Aa #D569F6 sobre #6C1FD3 2,59:1 Reprovado
Aa #004BC0 sobre #0097EC 2,40:1 Reprovado
Aa #0097EC sobre #6C1FD3 2,39:1 Reprovado
Aa #0097EC sobre #00F3FC 2,29:1 Reprovado
Aa #00F3FC sobre #D569F6 2,12:1 Reprovado
Aa #0097EC sobre #FFBCFF 2,09:1 Reprovado
Aa #FFBCFF sobre #D569F6 1,93:1 Reprovado
Aa #00F3FC sobre #FFBCFF 1,10:1 Reprovado
Aa #0097EC sobre #D569F6 1,08:1 Reprovado
Aa #004BC0 sobre #6C1FD3 1,00:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores