Início Paletas de cores Tempered Alexandrite

Tempered Alexandrite

Paleta de 12 cores · Neutra · Mista · Harmonia: Monocromática

Voltar à biblioteca

Tempered Alexandrite

Paleta de 12 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Monocromática

Editar

Sóbria 12 cores Neutra Mista Monocromática novemberneutralpalettecontest

Curtidas 57

Cores 12

Variáveis CSS

:root {
  --c-muted-1: #343A36;
  --c-muted-2: #747E90;
  --c-muted-3: #20211C;
  --c-muted-4: #4D5A57;
  --c-muted-5: #5A4A45;
  --c-muted-6: #A19C8C;
  --c-muted-7: #BABABA;
  --c-muted-8: #77676B;
  --c-muted-9: #988FB1;
  --c-muted-10: #3E392F;
  --c-muted-11: #98788E;
  --c-muted-12: #56524E;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Baby Talk Grey (#BABABA), o tom mais claro, até Petroleum (#20211C), o mais escuro. Ela reúne Charcoal, Soulful Blue, Petroleum, Midnight in NY, Bear in Mind, Sacred Vortex, Baby Talk Grey, Rhapsody Rap, Greek Lavender, Fired Earth, Mountbatten Pink e Heavy Charcoal em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #20211C sobre #BABABA, com 8,35: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

Charcoal #343A36

RGB: rgb(52, 58, 54)
HSL: hsl(140, 5%, 22%)
Luminância: 0,040

Soulful Blue #747E90

RGB: rgb(116, 126, 144)
HSL: hsl(219, 11%, 51%)
Luminância: 0,207

Petroleum #20211C

RGB: rgb(32, 33, 28)
HSL: hsl(72, 8%, 12%)
Luminância: 0,015

Midnight in NY #4D5A57

RGB: rgb(77, 90, 87)
HSL: hsl(166, 8%, 33%)
Luminância: 0,096

Bear in Mind #5A4A45

RGB: rgb(90, 74, 69)
HSL: hsl(14, 13%, 31%)
Luminância: 0,075

Sacred Vortex #A19C8C

RGB: rgb(161, 156, 140)
HSL: hsl(46, 10%, 59%)
Luminância: 0,333

Baby Talk Grey #BABABA

RGB: rgb(186, 186, 186)
HSL: hsl(0, 0%, 73%)
Luminância: 0,491

Rhapsody Rap #77676B

RGB: rgb(119, 103, 107)
HSL: hsl(345, 7%, 44%)
Luminância: 0,147

Greek Lavender #988FB1

RGB: rgb(152, 143, 177)
HSL: hsl(256, 18%, 63%)
Luminância: 0,295

Fired Earth #3E392F

RGB: rgb(62, 57, 47)
HSL: hsl(40, 14%, 21%)
Luminância: 0,042

Mountbatten Pink #98788E

RGB: rgb(152, 120, 142)
HSL: hsl(319, 13%, 53%)
Luminância: 0,221

Heavy Charcoal #56524E

RGB: rgb(86, 82, 78)
HSL: hsl(30, 5%, 32%)
Luminância: 0,086

Contraste e acessibilidade

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

Aa #20211C sobre #BABABA 8,35:1 AAA

Aa #343A36 sobre #BABABA 6,00:1 AA

Aa #BABABA sobre #3E392F 5,91:1 AA

Aa #20211C sobre #A19C8C 5,90:1 AA

Aa #20211C sobre #988FB1 5,32:1 AA

Aa #5A4A45 sobre #BABABA 4,33:1 AA, texto grande

Aa #343A36 sobre #A19C8C 4,24:1 AA, texto grande

Aa #20211C sobre #98788E 4,18:1 AA, texto grande

Aa #A19C8C sobre #3E392F 4,18:1 AA, texto grande

Aa #BABABA sobre #56524E 3,99:1 AA, texto grande

Aa #747E90 sobre #20211C 3,96:1 AA, texto grande

Aa #343A36 sobre #988FB1 3,82:1 AA, texto grande

Aa #988FB1 sobre #3E392F 3,77:1 AA, texto grande

Aa #4D5A57 sobre #BABABA 3,71:1 AA, texto grande

Aa #5A4A45 sobre #A19C8C 3,06:1 AA, texto grande

Aa #20211C sobre #77676B 3,04:1 AA, texto grande

Aa #343A36 sobre #98788E 3,00:1 AA, texto grande

Aa #3E392F sobre #98788E 2,96:1 Reprovado

Aa #343A36 sobre #747E90 2,84:1 Reprovado

Aa #A19C8C sobre #56524E 2,82:1 Reprovado

Aa #747E90 sobre #3E392F 2,80:1 Reprovado

Aa #5A4A45 sobre #988FB1 2,76:1 Reprovado

Aa #BABABA sobre #77676B 2,75:1 Reprovado

Aa #4D5A57 sobre #A19C8C 2,62:1 Reprovado

Aa #988FB1 sobre #56524E 2,54:1 Reprovado

Aa #4D5A57 sobre #988FB1 2,37:1 Reprovado

Aa #20211C sobre #4D5A57 2,25:1 Reprovado

Aa #343A36 sobre #77676B 2,18:1 Reprovado

Aa #5A4A45 sobre #98788E 2,16:1 Reprovado

Aa #77676B sobre #3E392F 2,15:1 Reprovado

Aa #747E90 sobre #BABABA 2,11:1 Reprovado

Aa #20211C sobre #56524E 2,09:1 Reprovado

Aa #747E90 sobre #5A4A45 2,05:1 Reprovado

Aa #BABABA sobre #98788E 2,00:1 Reprovado

Aa #98788E sobre #56524E 2,00:1 Reprovado

Aa #A19C8C sobre #77676B 1,94:1 Reprovado

Aa #20211C sobre #5A4A45 1,93:1 Reprovado

Aa #747E90 sobre #56524E 1,89:1 Reprovado

Aa #4D5A57 sobre #98788E 1,86:1 Reprovado

Aa #747E90 sobre #4D5A57 1,76:1 Reprovado

Aa #77676B sobre #988FB1 1,75:1 Reprovado

Aa #343A36 sobre #4D5A57 1,62:1 Reprovado

Aa #4D5A57 sobre #3E392F 1,59:1 Reprovado

Aa #5A4A45 sobre #77676B 1,57:1 Reprovado

Aa #BABABA sobre #988FB1 1,57:1 Reprovado

Aa #343A36 sobre #56524E 1,50:1 Reprovado

Aa #747E90 sobre #A19C8C 1,49:1 Reprovado

Aa #3E392F sobre #56524E 1,48:1 Reprovado

Aa #77676B sobre #56524E 1,45:1 Reprovado

Aa #20211C sobre #3E392F 1,41:1 Reprovado

Aa #A19C8C sobre #BABABA 1,41:1 Reprovado

Aa #A19C8C sobre #98788E 1,41:1 Reprovado

Aa #343A36 sobre #20211C 1,39:1 Reprovado

Aa #343A36 sobre #5A4A45 1,39:1 Reprovado

Aa #5A4A45 sobre #3E392F 1,37:1 Reprovado

Aa #77676B sobre #98788E 1,37:1 Reprovado

Aa #4D5A57 sobre #77676B 1,35:1 Reprovado

Aa #747E90 sobre #988FB1 1,34:1 Reprovado

Aa #747E90 sobre #77676B 1,30:1 Reprovado

Aa #988FB1 sobre #98788E 1,27:1 Reprovado

Aa #4D5A57 sobre #5A4A45 1,17:1 Reprovado

Aa #A19C8C sobre #988FB1 1,11:1 Reprovado

Aa #5A4A45 sobre #56524E 1,08:1 Reprovado

Aa #4D5A57 sobre #56524E 1,07:1 Reprovado

Aa #747E90 sobre #98788E 1,06:1 Reprovado

Aa #343A36 sobre #3E392F 1,01:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B

4 cores

#F5F7F8 #F4CE14 #495E57 #45474B

4 cores

#222831 #393E46 #FFD369 #EEEEEE

4 cores

#000000 #52057B #892CDC #BC6FF1

4 cores

#213555 #3E5879 #D8C4B6 #F5EFE7

4 cores

#F5EFE7 #D8C4B6 #4F709C #213555

4 cores

#191A19 #1E5128 #4E9F3D #D8E9A8

4 cores

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 cores

Tempered Alexandrite