Início Paletas de cores UnoDecimalDualism

UnoDecimalDualism

Paleta de 11 cores · Neutra · Escura · Harmonia: Complementar

Voltar à biblioteca

UnoDecimalDualism

Paleta de 11 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Complementar

Editar

Vibrante 11 cores Neutra Escura Complementar odd bizzare noblackandwhite pychedellic

Curtidas 11

Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #200124;
  --c-vibrant-2: #054503;
  --c-vibrant-3: #7A0D18;
  --c-vibrant-4: #0A6D6E;
  --c-vibrant-5: #807906;
  --c-vibrant-6: #7277B8;
  --c-vibrant-7: #D055DE;
  --c-vibrant-8: #48D145;
  --c-vibrant-9: #EB9DA4;
  --c-vibrant-10: #85E4E6;
  --c-vibrant-11: #F5EF9D;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Portofino (#F5EF9D), o tom mais claro, até Black Sabbath (#200124), o mais escuro. Ela reúne Black Sabbath, Racing Green, Mythical Wine, Pine Scented Lagoon, Sunlit Kelp Green, Wind Star, Thick Pink, Verdant Fields, Wood Nymph, Paradisiacal Getaway e Portofino em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #200124 sobre #F5EF9D, com 16,23: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 Sabbath #200124

RGB: rgb(32, 1, 36)
HSL: hsl(293, 95%, 7%)
Luminância: 0,005

Racing Green #054503

RGB: rgb(5, 69, 3)
HSL: hsl(118, 92%, 14%)
Luminância: 0,043

Mythical Wine #7A0D18

RGB: rgb(122, 13, 24)
HSL: hsl(354, 81%, 26%)
Luminância: 0,045

Pine Scented Lagoon #0A6D6E

RGB: rgb(10, 109, 110)
HSL: hsl(181, 83%, 24%)
Luminância: 0,121

Sunlit Kelp Green #807906

RGB: rgb(128, 121, 6)
HSL: hsl(57, 91%, 26%)
Luminância: 0,183

Wind Star #7277B8

RGB: rgb(114, 119, 184)
HSL: hsl(236, 33%, 58%)
Luminância: 0,202

Thick Pink #D055DE

RGB: rgb(208, 85, 222)
HSL: hsl(294, 67%, 60%)
Luminância: 0,252

Verdant Fields #48D145

RGB: rgb(72, 209, 69)
HSL: hsl(119, 60%, 55%)
Luminância: 0,474

Wood Nymph #EB9DA4

RGB: rgb(235, 157, 164)
HSL: hsl(355, 66%, 77%)
Luminância: 0,445

Paradisiacal Getaway #85E4E6

RGB: rgb(133, 228, 230)
HSL: hsl(181, 66%, 71%)
Luminância: 0,662

Portofino #F5EF9D

RGB: rgb(245, 239, 157)
HSL: hsl(56, 81%, 79%)
Luminância: 0,836

Contraste e acessibilidade

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

Aa #200124 sobre #F5EF9D 16,23:1 AAA

Aa #200124 sobre #85E4E6 13,05:1 AAA

Aa #200124 sobre #48D145 9,61:1 AAA

Aa #054503 sobre #F5EF9D 9,53:1 AAA

Aa #7A0D18 sobre #F5EF9D 9,33:1 AAA

Aa #200124 sobre #EB9DA4 9,06:1 AAA

Aa #054503 sobre #85E4E6 7,66:1 AAA

Aa #7A0D18 sobre #85E4E6 7,50:1 AAA

Aa #054503 sobre #48D145 5,64:1 AA

Aa #200124 sobre #D055DE 5,53:1 AA

Aa #7A0D18 sobre #48D145 5,52:1 AA

Aa #054503 sobre #EB9DA4 5,32:1 AA

Aa #7A0D18 sobre #EB9DA4 5,21:1 AA

Aa #0A6D6E sobre #F5EF9D 5,17:1 AA

Aa #200124 sobre #7277B8 4,62:1 AA

Aa #200124 sobre #807906 4,27:1 AA, texto grande

Aa #0A6D6E sobre #85E4E6 4,16:1 AA, texto grande

Aa #807906 sobre #F5EF9D 3,81:1 AA, texto grande

Aa #7277B8 sobre #F5EF9D 3,51:1 AA, texto grande

Aa #054503 sobre #D055DE 3,25:1 AA, texto grande

Aa #7A0D18 sobre #D055DE 3,18:1 AA, texto grande

Aa #200124 sobre #0A6D6E 3,14:1 AA, texto grande

Aa #0A6D6E sobre #48D145 3,06:1 AA, texto grande

Aa #807906 sobre #85E4E6 3,06:1 AA, texto grande

Aa #D055DE sobre #F5EF9D 2,93:1 Reprovado

Aa #0A6D6E sobre #EB9DA4 2,89:1 Reprovado

Aa #7277B8 sobre #85E4E6 2,82:1 Reprovado

Aa #054503 sobre #7277B8 2,71:1 Reprovado

Aa #7A0D18 sobre #7277B8 2,66:1 Reprovado

Aa #054503 sobre #807906 2,50:1 Reprovado

Aa #7A0D18 sobre #807906 2,45:1 Reprovado

Aa #D055DE sobre #85E4E6 2,36:1 Reprovado

Aa #807906 sobre #48D145 2,25:1 Reprovado

Aa #807906 sobre #EB9DA4 2,12:1 Reprovado

Aa #7277B8 sobre #48D145 2,08:1 Reprovado

Aa #7277B8 sobre #EB9DA4 1,96:1 Reprovado

Aa #054503 sobre #0A6D6E 1,84:1 Reprovado

Aa #7A0D18 sobre #0A6D6E 1,80:1 Reprovado

Aa #EB9DA4 sobre #F5EF9D 1,79:1 Reprovado

Aa #0A6D6E sobre #D055DE 1,76:1 Reprovado

Aa #200124 sobre #7A0D18 1,74:1 Reprovado

Aa #D055DE sobre #48D145 1,74:1 Reprovado

Aa #200124 sobre #054503 1,70:1 Reprovado

Aa #48D145 sobre #F5EF9D 1,69:1 Reprovado

Aa #D055DE sobre #EB9DA4 1,64:1 Reprovado

Aa #0A6D6E sobre #7277B8 1,47:1 Reprovado

Aa #EB9DA4 sobre #85E4E6 1,44:1 Reprovado

Aa #0A6D6E sobre #807906 1,36:1 Reprovado

Aa #48D145 sobre #85E4E6 1,36:1 Reprovado

Aa #807906 sobre #D055DE 1,30:1 Reprovado

Aa #85E4E6 sobre #F5EF9D 1,24:1 Reprovado

Aa #7277B8 sobre #D055DE 1,20:1 Reprovado

Aa #807906 sobre #7277B8 1,08:1 Reprovado

Aa #48D145 sobre #EB9DA4 1,06:1 Reprovado

Aa #054503 sobre #7A0D18 1,02:1 Reprovado

Paletas semelhantes

#000000 #3E065F #700B97 #8E05C2

4 cores

#000000 #150050 #3F0071 #FB2576

4 cores

#000000 #3E432E #616F39 #A7D129

4 cores

#4B5D67 #322F3D #59405C #87556F

4 cores

#18230F #27391C #255F38 #1F7D53

4 cores

#FF5200 #6F0000 #00263B #00A1AB

4 cores

#000000 #0F6292 #16FF00 #FFED00

4 cores

#251D3A #2A2550 #E04D01 #FF7700

4 cores

UnoDecimalDualism