Criar conta Criar conta
5leepy

5leepy

Paleta de 5 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

5leepy

Paleta de 5 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 5 cores Fria Mista Complementar cool cold
Curtidas 9
Cores 5

Variáveis CSS

:root {
  --c-vibrant-1: #23001E;
  --c-vibrant-2: #F4EBD9;
  --c-vibrant-3: #074F57;
  --c-vibrant-4: #058ED9;
  --c-vibrant-5: #072AC8;
}

Sobre esta paleta

Esta paleta vibrante de 5 cores vai de Private White (#F4EBD9), o tom mais claro, até Black Sabbath (#23001E), o mais escuro. Ela reúne Black Sabbath, Private White, Blue Period, Sea of Crete e Arcade Glow em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #23001E sobre #F4EBD9, com 16,26: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

Black Sabbath #23001E
RGB
rgb(35, 0, 30)
HSL
hsl(309, 100%, 7%)
Luminância
0,005
Private White #F4EBD9
RGB
rgb(244, 235, 217)
HSL
hsl(40, 55%, 90%)
Luminância
0,837
Blue Period #074F57
RGB
rgb(7, 79, 87)
HSL
hsl(186, 85%, 18%)
Luminância
0,063
Sea of Crete #058ED9
RGB
rgb(5, 142, 217)
HSL
hsl(201, 95%, 44%)
Luminância
0,244
Arcade Glow #072AC8
RGB
rgb(7, 42, 200)
HSL
hsl(229, 93%, 41%)
Luminância
0,059

Contraste e acessibilidade

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

Aa #23001E sobre #F4EBD9 16,26:1 AAA
Aa #F4EBD9 sobre #072AC8 8,16:1 AAA
Aa #F4EBD9 sobre #074F57 7,83:1 AAA
Aa #23001E sobre #058ED9 5,39:1 AA
Aa #F4EBD9 sobre #058ED9 3,02:1 AA, texto grande
Aa #058ED9 sobre #072AC8 2,70:1 Reprovado
Aa #074F57 sobre #058ED9 2,59:1 Reprovado
Aa #23001E sobre #074F57 2,08:1 Reprovado
Aa #23001E sobre #072AC8 1,99:1 Reprovado
Aa #074F57 sobre #072AC8 1,04: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