Criar conta Criar conta
Oasis Klub 8

Oasis Klub 8

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

Voltar à biblioteca

Oasis Klub 8

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

Editar
Vibrante 8 cores Fria Mista Complementar 4colors oasis klub oasisklub
Curtidas 57
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #2323C7;
  --c-vibrant-2: #7F70FF;
  --c-vibrant-3: #C735FB;
  --c-vibrant-4: #DC65B1;
  --c-vibrant-5: #00A8B1;
  --c-vibrant-6: #37CFB7;
  --c-vibrant-7: #E3D170;
  --c-vibrant-8: #FEF3C0;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Ray of Light (#FEF3C0), o tom mais claro, até Tetraammine (#2323C7), o mais escuro. Ela reúne Tetraammine, Blackthorn Berry, Flamingo Queen, Mega Magenta, Exotic Sea, Bianchi Green, Golden Rice e Ray of Light em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #2323C7 sobre #FEF3C0, com 8,8: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

Tetraammine #2323C7
RGB
rgb(35, 35, 199)
HSL
hsl(240, 70%, 46%)
Luminância
0,057
Blackthorn Berry #7F70FF
RGB
rgb(127, 112, 255)
HSL
hsl(246, 100%, 72%)
Luminância
0,233
Flamingo Queen #C735FB
RGB
rgb(199, 53, 251)
HSL
hsl(284, 96%, 60%)
Luminância
0,217
Mega Magenta #DC65B1
RGB
rgb(220, 101, 177)
HSL
hsl(322, 63%, 63%)
Luminância
0,277
Exotic Sea #00A8B1
RGB
rgb(0, 168, 177)
HSL
hsl(183, 100%, 35%)
Luminância
0,312
Bianchi Green #37CFB7
RGB
rgb(55, 207, 183)
HSL
hsl(171, 61%, 51%)
Luminância
0,489
Golden Rice #E3D170
RGB
rgb(227, 209, 112)
HSL
hsl(51, 67%, 66%)
Luminância
0,631
Ray of Light #FEF3C0
RGB
rgb(254, 243, 192)
HSL
hsl(49, 97%, 87%)
Luminância
0,890

Contraste e acessibilidade

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

Aa #2323C7 sobre #FEF3C0 8,80:1 AAA
Aa #2323C7 sobre #E3D170 6,37:1 AA
Aa #2323C7 sobre #37CFB7 5,04:1 AA
Aa #C735FB sobre #FEF3C0 3,53:1 AA, texto grande
Aa #2323C7 sobre #00A8B1 3,39:1 AA, texto grande
Aa #7F70FF sobre #FEF3C0 3,32:1 AA, texto grande
Aa #2323C7 sobre #DC65B1 3,06:1 AA, texto grande
Aa #DC65B1 sobre #FEF3C0 2,87:1 Reprovado
Aa #2323C7 sobre #7F70FF 2,65:1 Reprovado
Aa #00A8B1 sobre #FEF3C0 2,60:1 Reprovado
Aa #C735FB sobre #E3D170 2,56:1 Reprovado
Aa #2323C7 sobre #C735FB 2,49:1 Reprovado
Aa #7F70FF sobre #E3D170 2,40:1 Reprovado
Aa #DC65B1 sobre #E3D170 2,08:1 Reprovado
Aa #C735FB sobre #37CFB7 2,02:1 Reprovado
Aa #7F70FF sobre #37CFB7 1,90:1 Reprovado
Aa #00A8B1 sobre #E3D170 1,88:1 Reprovado
Aa #37CFB7 sobre #FEF3C0 1,74:1 Reprovado
Aa #DC65B1 sobre #37CFB7 1,65:1 Reprovado
Aa #00A8B1 sobre #37CFB7 1,49:1 Reprovado
Aa #E3D170 sobre #FEF3C0 1,38:1 Reprovado
Aa #C735FB sobre #00A8B1 1,36:1 Reprovado
Aa #7F70FF sobre #00A8B1 1,28:1 Reprovado
Aa #37CFB7 sobre #E3D170 1,26:1 Reprovado
Aa #C735FB sobre #DC65B1 1,23:1 Reprovado
Aa #7F70FF sobre #DC65B1 1,15:1 Reprovado
Aa #DC65B1 sobre #00A8B1 1,11:1 Reprovado
Aa #7F70FF sobre #C735FB 1,06: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