Basement Bio Chem

Basement Bio Chem

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

Basement Bio Chem

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

Editar
Sóbria 8 cores Fria Mista Complementar cold 8 glass gaming
Curtidas 42
Cores 8


Variáveis CSS

:root {
  --c-muted-1: #19152D;
  --c-muted-2: #342A4C;
  --c-muted-3: #424272;
  --c-muted-4: #5C7677;
  --c-muted-5: #7A9968;
  --c-muted-6: #9ABC51;
  --c-muted-7: #B4CC49;
  --c-muted-8: #E9FFBF;
}

Sobre esta paleta

Esta paleta sóbria de 8 cores vai de Fall Green (#E9FFBF), o tom mais claro, até Sambucus (#19152D), o mais escuro. Ela reúne Sambucus, Operetta Mauve, Deep Wisteria, Paradise City, Mosslands, Clematis Green, Solid Gold e Fall Green em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #19152D sobre #E9FFBF, com 16,45: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

Sambucus #19152D
RGB
rgb(25, 21, 45)
HSL
hsl(250, 36%, 13%)
Luminância
0,009
Operetta Mauve #342A4C
RGB
rgb(52, 42, 76)
HSL
hsl(258, 29%, 23%)
Luminância
0,029
Deep Wisteria #424272
RGB
rgb(66, 66, 114)
HSL
hsl(240, 27%, 35%)
Luminância
0,063
Paradise City #5C7677
RGB
rgb(92, 118, 119)
HSL
hsl(182, 13%, 41%)
Luminância
0,166
Mosslands #7A9968
RGB
rgb(122, 153, 104)
HSL
hsl(98, 19%, 50%)
Luminância
0,279
Clematis Green #9ABC51
RGB
rgb(154, 188, 81)
HSL
hsl(79, 44%, 53%)
Luminância
0,434
Solid Gold #B4CC49
RGB
rgb(180, 204, 73)
HSL
hsl(71, 56%, 54%)
Luminância
0,534
Fall Green #E9FFBF
RGB
rgb(233, 255, 191)
HSL
hsl(81, 100%, 87%)
Luminância
0,926

Contraste e acessibilidade

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

Aa #19152D sobre #E9FFBF 16,45:1 AAA
Aa #342A4C sobre #E9FFBF 12,34:1 AAA
Aa #19152D sobre #B4CC49 9,84:1 AAA
Aa #424272 sobre #E9FFBF 8,66:1 AAA
Aa #19152D sobre #9ABC51 8,16:1 AAA
Aa #342A4C sobre #B4CC49 7,38:1 AAA
Aa #342A4C sobre #9ABC51 6,12:1 AA
Aa #19152D sobre #7A9968 5,55:1 AA
Aa #424272 sobre #B4CC49 5,18:1 AA
Aa #5C7677 sobre #E9FFBF 4,53:1 AA
Aa #424272 sobre #9ABC51 4,30:1 AA, texto grande
Aa #342A4C sobre #7A9968 4,16:1 AA, texto grande
Aa #19152D sobre #5C7677 3,63:1 AA, texto grande
Aa #7A9968 sobre #E9FFBF 2,96:1 Reprovado
Aa #424272 sobre #7A9968 2,92:1 Reprovado
Aa #342A4C sobre #5C7677 2,73:1 Reprovado
Aa #5C7677 sobre #B4CC49 2,71:1 Reprovado
Aa #5C7677 sobre #9ABC51 2,25:1 Reprovado
Aa #9ABC51 sobre #E9FFBF 2,02:1 Reprovado
Aa #424272 sobre #5C7677 1,91:1 Reprovado
Aa #19152D sobre #424272 1,90:1 Reprovado
Aa #7A9968 sobre #B4CC49 1,77:1 Reprovado
Aa #B4CC49 sobre #E9FFBF 1,67:1 Reprovado
Aa #5C7677 sobre #7A9968 1,53:1 Reprovado
Aa #7A9968 sobre #9ABC51 1,47:1 Reprovado
Aa #342A4C sobre #424272 1,43:1 Reprovado
Aa #19152D sobre #342A4C 1,33:1 Reprovado
Aa #9ABC51 sobre #B4CC49 1,21: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