Criar conta Criar conta
Fluffy

Fluffy

Paleta de 12 cores · Fria · Escura · Harmonia: Triádica

Voltar à biblioteca

Fluffy

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 12 cores Fria Escura Triádica saturated 12
Curtidas 7
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #16171A;
  --c-muted-2: #36354D;
  --c-muted-3: #566C86;
  --c-muted-4: #430067;
  --c-muted-5: #5D275D;
  --c-muted-6: #3F48C2;
  --c-muted-7: #448DE7;
  --c-muted-8: #10D275;
  --c-muted-9: #A7F547;
  --c-muted-10: #D62411;
  --c-muted-11: #FF8426;
  --c-muted-12: #FFEB33;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Yellow-Bellied (#FFEB33), o tom mais claro, até Piano Black (#16171A), o mais escuro. Ela reúne Piano Black, Tiě Hēi Metal, Aurora Borealis, Royal Purple, Charisma, Kikorangi Blue, Oregon Blue, Seaweed, Kiwi Pulp, Run Lola Run, Fluorescent Red Orange e Yellow-Bellied em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #16171A sobre #FFEB33, com 14,67: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

Piano Black #16171A
RGB
rgb(22, 23, 26)
HSL
hsl(225, 8%, 9%)
Luminância
0,009
Tiě Hēi Metal #36354D
RGB
rgb(54, 53, 77)
HSL
hsl(243, 18%, 25%)
Luminância
0,039
Aurora Borealis #566C86
RGB
rgb(86, 108, 134)
HSL
hsl(213, 22%, 43%)
Luminância
0,144
Royal Purple #430067
RGB
rgb(67, 0, 103)
HSL
hsl(279, 100%, 20%)
Luminância
0,022
Charisma #5D275D
RGB
rgb(93, 39, 93)
HSL
hsl(300, 41%, 26%)
Luminância
0,046
Kikorangi Blue #3F48C2
RGB
rgb(63, 72, 194)
HSL
hsl(236, 52%, 50%)
Luminância
0,096
Oregon Blue #448DE7
RGB
rgb(68, 141, 231)
HSL
hsl(213, 77%, 59%)
Luminância
0,261
Seaweed #10D275
RGB
rgb(16, 210, 117)
HSL
hsl(151, 86%, 44%)
Luminância
0,475
Kiwi Pulp #A7F547
RGB
rgb(167, 245, 71)
HSL
hsl(87, 90%, 62%)
Luminância
0,740
Run Lola Run #D62411
RGB
rgb(214, 36, 17)
HSL
hsl(6, 85%, 45%)
Luminância
0,156
Fluorescent Red Orange #FF8426
RGB
rgb(255, 132, 38)
HSL
hsl(26, 100%, 57%)
Luminância
0,379
Yellow-Bellied #FFEB33
RGB
rgb(255, 235, 51)
HSL
hsl(54, 100%, 60%)
Luminância
0,809

Contraste e acessibilidade

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

Aa #16171A sobre #FFEB33 14,67:1 AAA
Aa #16171A sobre #A7F547 13,48:1 AAA
Aa #430067 sobre #FFEB33 11,98:1 AAA
Aa #430067 sobre #A7F547 11,01:1 AAA
Aa #36354D sobre #FFEB33 9,69:1 AAA
Aa #5D275D sobre #FFEB33 8,98:1 AAA
Aa #16171A sobre #10D275 8,96:1 AAA
Aa #36354D sobre #A7F547 8,91:1 AAA
Aa #5D275D sobre #A7F547 8,25:1 AAA
Aa #16171A sobre #FF8426 7,32:1 AAA
Aa #430067 sobre #10D275 7,32:1 AAA
Aa #430067 sobre #FF8426 5,98:1 AA
Aa #36354D sobre #10D275 5,92:1 AA
Aa #3F48C2 sobre #FFEB33 5,89:1 AA
Aa #5D275D sobre #10D275 5,49:1 AA
Aa #3F48C2 sobre #A7F547 5,41:1 AA
Aa #16171A sobre #448DE7 5,30:1 AA
Aa #36354D sobre #FF8426 4,84:1 AA
Aa #5D275D sobre #FF8426 4,48:1 AA, texto grande
Aa #566C86 sobre #FFEB33 4,42:1 AA, texto grande
Aa #430067 sobre #448DE7 4,33:1 AA, texto grande
Aa #D62411 sobre #FFEB33 4,17:1 AA, texto grande
Aa #566C86 sobre #A7F547 4,07:1 AA, texto grande
Aa #A7F547 sobre #D62411 3,83:1 AA, texto grande
Aa #3F48C2 sobre #10D275 3,60:1 AA, texto grande
Aa #16171A sobre #D62411 3,52:1 AA, texto grande
Aa #36354D sobre #448DE7 3,50:1 AA, texto grande
Aa #16171A sobre #566C86 3,32:1 AA, texto grande
Aa #5D275D sobre #448DE7 3,24:1 AA, texto grande
Aa #3F48C2 sobre #FF8426 2,94:1 Reprovado
Aa #430067 sobre #D62411 2,87:1 Reprovado
Aa #448DE7 sobre #FFEB33 2,77:1 Reprovado
Aa #566C86 sobre #430067 2,71:1 Reprovado
Aa #566C86 sobre #10D275 2,70:1 Reprovado
Aa #10D275 sobre #D62411 2,55:1 Reprovado
Aa #448DE7 sobre #A7F547 2,54:1 Reprovado
Aa #16171A sobre #3F48C2 2,49:1 Reprovado
Aa #36354D sobre #D62411 2,32:1 Reprovado
Aa #566C86 sobre #FF8426 2,21:1 Reprovado
Aa #36354D sobre #566C86 2,19:1 Reprovado
Aa #5D275D sobre #D62411 2,15:1 Reprovado
Aa #3F48C2 sobre #448DE7 2,13:1 Reprovado
Aa #D62411 sobre #FF8426 2,08:1 Reprovado
Aa #566C86 sobre #5D275D 2,03:1 Reprovado
Aa #430067 sobre #3F48C2 2,03:1 Reprovado
Aa #FF8426 sobre #FFEB33 2,00:1 Reprovado
Aa #A7F547 sobre #FF8426 1,84:1 Reprovado
Aa #448DE7 sobre #10D275 1,69:1 Reprovado
Aa #36354D sobre #3F48C2 1,65:1 Reprovado
Aa #10D275 sobre #FFEB33 1,64:1 Reprovado
Aa #16171A sobre #5D275D 1,63:1 Reprovado
Aa #566C86 sobre #448DE7 1,60:1 Reprovado
Aa #5D275D sobre #3F48C2 1,52:1 Reprovado
Aa #16171A sobre #36354D 1,51:1 Reprovado
Aa #448DE7 sobre #D62411 1,51:1 Reprovado
Aa #10D275 sobre #A7F547 1,50:1 Reprovado
Aa #3F48C2 sobre #D62411 1,41:1 Reprovado
Aa #448DE7 sobre #FF8426 1,38:1 Reprovado
Aa #566C86 sobre #3F48C2 1,33:1 Reprovado
Aa #430067 sobre #5D275D 1,33:1 Reprovado
Aa #36354D sobre #430067 1,24:1 Reprovado
Aa #16171A sobre #430067 1,22:1 Reprovado
Aa #10D275 sobre #FF8426 1,22:1 Reprovado
Aa #A7F547 sobre #FFEB33 1,09:1 Reprovado
Aa #36354D sobre #5D275D 1,08:1 Reprovado
Aa #566C86 sobre #D62411 1,06:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores