Criar conta Criar conta
ABYSS 9

ABYSS 9

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

Voltar à biblioteca

ABYSS 9

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

Editar
Sóbria 9 cores Fria Mista Triádica cool glow ramp smooth
Curtidas 376
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #1F123A;
  --c-muted-3: #3A1E7E;
  --c-muted-4: #5429C2;
  --c-muted-5: #5463D9;
  --c-muted-6: #62AADD;
  --c-muted-7: #7FE3DC;
  --c-muted-8: #A0F5C6;
  --c-muted-9: #DDF8D0;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Aquarelle Mint (#DDF8D0), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Blacklist, Explorer of the Galaxies, Blue Purple, Thick Blue, Acapulco Dive, Cold Blue, Nightly Aurora e Aquarelle Mint em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #DDF8D0, com 18,41: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 #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Blacklist #1F123A
RGB
rgb(31, 18, 58)
HSL
hsl(260, 53%, 15%)
Luminância
0,010
Explorer of the Galaxies #3A1E7E
RGB
rgb(58, 30, 126)
HSL
hsl(258, 62%, 31%)
Luminância
0,033
Blue Purple #5429C2
RGB
rgb(84, 41, 194)
HSL
hsl(257, 65%, 46%)
Luminância
0,074
Thick Blue #5463D9
RGB
rgb(84, 99, 217)
HSL
hsl(233, 64%, 59%)
Luminância
0,158
Acapulco Dive #62AADD
RGB
rgb(98, 170, 221)
HSL
hsl(205, 64%, 63%)
Luminância
0,366
Cold Blue #7FE3DC
RGB
rgb(127, 227, 220)
HSL
hsl(176, 64%, 69%)
Luminância
0,646
Nightly Aurora #A0F5C6
RGB
rgb(160, 245, 198)
HSL
hsl(147, 81%, 79%)
Luminância
0,769
Aquarelle Mint #DDF8D0
RGB
rgb(221, 248, 208)
HSL
hsl(101, 74%, 89%)
Luminância
0,871

Contraste e acessibilidade

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

Aa #000000 sobre #DDF8D0 18,41:1 AAA
Aa #000000 sobre #A0F5C6 16,37:1 AAA
Aa #1F123A sobre #DDF8D0 15,27:1 AAA
Aa #000000 sobre #7FE3DC 13,92:1 AAA
Aa #1F123A sobre #A0F5C6 13,58:1 AAA
Aa #1F123A sobre #7FE3DC 11,55:1 AAA
Aa #3A1E7E sobre #DDF8D0 11,05:1 AAA
Aa #3A1E7E sobre #A0F5C6 9,82:1 AAA
Aa #3A1E7E sobre #7FE3DC 8,35:1 AAA
Aa #000000 sobre #62AADD 8,31:1 AAA
Aa #5429C2 sobre #DDF8D0 7,44:1 AAA
Aa #1F123A sobre #62AADD 6,89:1 AA
Aa #5429C2 sobre #A0F5C6 6,62:1 AA
Aa #5429C2 sobre #7FE3DC 5,63:1 AA
Aa #3A1E7E sobre #62AADD 4,99:1 AA
Aa #5463D9 sobre #DDF8D0 4,42:1 AA, texto grande
Aa #000000 sobre #5463D9 4,16:1 AA, texto grande
Aa #5463D9 sobre #A0F5C6 3,93:1 AA, texto grande
Aa #1F123A sobre #5463D9 3,45:1 AA, texto grande
Aa #5429C2 sobre #62AADD 3,36:1 AA, texto grande
Aa #5463D9 sobre #7FE3DC 3,34:1 AA, texto grande
Aa #3A1E7E sobre #5463D9 2,50:1 Reprovado
Aa #000000 sobre #5429C2 2,47:1 Reprovado
Aa #62AADD sobre #DDF8D0 2,21:1 Reprovado
Aa #1F123A sobre #5429C2 2,05:1 Reprovado
Aa #5463D9 sobre #62AADD 2,00:1 Reprovado
Aa #62AADD sobre #A0F5C6 1,97:1 Reprovado
Aa #5429C2 sobre #5463D9 1,68:1 Reprovado
Aa #000000 sobre #3A1E7E 1,67:1 Reprovado
Aa #62AADD sobre #7FE3DC 1,67:1 Reprovado
Aa #3A1E7E sobre #5429C2 1,48:1 Reprovado
Aa #1F123A sobre #3A1E7E 1,38:1 Reprovado
Aa #7FE3DC sobre #DDF8D0 1,32:1 Reprovado
Aa #000000 sobre #1F123A 1,21:1 Reprovado
Aa #7FE3DC sobre #A0F5C6 1,18:1 Reprovado
Aa #A0F5C6 sobre #DDF8D0 1,12: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