Criar conta Criar conta
Trike 12

Trike 12

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

Voltar à biblioteca

Trike 12

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

Editar
Vibrante 12 cores Fria Mista Triádica
Curtidas 11
Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #000614;
  --c-vibrant-2: #150261;
  --c-vibrant-3: #482980;
  --c-vibrant-4: #5848B3;
  --c-vibrant-5: #8682C7;
  --c-vibrant-6: #C4AFDB;
  --c-vibrant-7: #F596A3;
  --c-vibrant-8: #EB6375;
  --c-vibrant-9: #E32D5B;
  --c-vibrant-10: #C20034;
  --c-vibrant-11: #7D126D;
  --c-vibrant-12: #491157;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Moonraker (#C4AFDB), o tom mais claro, até Black Knight (#000614), o mais escuro. Ela reúne Black Knight, The Vast of Night, Spanish Violet, Swiss Plum, Faraway Sky, Moonraker, Cherry Foam, Sun-Kissed Coral, Strawberry Mix, Pomodoro, Purple Curse e Shani Purple em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000614 sobre #C4AFDB, com 10,14: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 Knight #000614
RGB
rgb(0, 6, 20)
HSL
hsl(222, 100%, 4%)
Luminância
0,002
The Vast of Night #150261
RGB
rgb(21, 2, 97)
HSL
hsl(252, 96%, 19%)
Luminância
0,011
Spanish Violet #482980
RGB
rgb(72, 41, 128)
HSL
hsl(261, 51%, 33%)
Luminância
0,045
Swiss Plum #5848B3
RGB
rgb(88, 72, 179)
HSL
hsl(249, 43%, 49%)
Luminância
0,100
Faraway Sky #8682C7
RGB
rgb(134, 130, 199)
HSL
hsl(243, 38%, 65%)
Luminância
0,252
Moonraker #C4AFDB
RGB
rgb(196, 175, 219)
HSL
hsl(269, 38%, 77%)
Luminância
0,475
Cherry Foam #F596A3
RGB
rgb(245, 150, 163)
HSL
hsl(352, 83%, 77%)
Luminância
0,439
Sun-Kissed Coral #EB6375
RGB
rgb(235, 99, 117)
HSL
hsl(352, 77%, 65%)
Luminância
0,279
Strawberry Mix #E32D5B
RGB
rgb(227, 45, 91)
HSL
hsl(345, 76%, 53%)
Luminância
0,190
Pomodoro #C20034
RGB
rgb(194, 0, 52)
HSL
hsl(344, 100%, 38%)
Luminância
0,117
Purple Curse #7D126D
RGB
rgb(125, 18, 109)
HSL
hsl(309, 75%, 28%)
Luminância
0,059
Shani Purple #491157
RGB
rgb(73, 17, 87)
HSL
hsl(288, 67%, 20%)
Luminância
0,025

Contraste e acessibilidade

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

Aa #000614 sobre #C4AFDB 10,14:1 AAA
Aa #000614 sobre #F596A3 9,43:1 AAA
Aa #150261 sobre #C4AFDB 8,66:1 AAA
Aa #150261 sobre #F596A3 8,06:1 AAA
Aa #C4AFDB sobre #491157 7,00:1 AAA
Aa #F596A3 sobre #491157 6,51:1 AA
Aa #000614 sobre #EB6375 6,34:1 AA
Aa #000614 sobre #8682C7 5,82:1 AA
Aa #482980 sobre #C4AFDB 5,51:1 AA
Aa #150261 sobre #EB6375 5,42:1 AA
Aa #482980 sobre #F596A3 5,13:1 AA
Aa #150261 sobre #8682C7 4,97:1 AA
Aa #C4AFDB sobre #7D126D 4,82:1 AA
Aa #000614 sobre #E32D5B 4,63:1 AA
Aa #F596A3 sobre #7D126D 4,48:1 AA, texto grande
Aa #EB6375 sobre #491157 4,38:1 AA, texto grande
Aa #8682C7 sobre #491157 4,02:1 AA, texto grande
Aa #150261 sobre #E32D5B 3,95:1 AA, texto grande
Aa #5848B3 sobre #C4AFDB 3,51:1 AA, texto grande
Aa #482980 sobre #EB6375 3,45:1 AA, texto grande
Aa #5848B3 sobre #F596A3 3,27:1 AA, texto grande
Aa #000614 sobre #C20034 3,23:1 AA, texto grande
Aa #E32D5B sobre #491157 3,19:1 AA, texto grande
Aa #482980 sobre #8682C7 3,17:1 AA, texto grande
Aa #C4AFDB sobre #C20034 3,14:1 AA, texto grande
Aa #EB6375 sobre #7D126D 3,02:1 AA, texto grande
Aa #F596A3 sobre #C20034 2,92:1 Reprovado
Aa #000614 sobre #5848B3 2,89:1 Reprovado
Aa #8682C7 sobre #7D126D 2,77:1 Reprovado
Aa #150261 sobre #C20034 2,76:1 Reprovado
Aa #482980 sobre #E32D5B 2,52:1 Reprovado
Aa #150261 sobre #5848B3 2,47:1 Reprovado
Aa #C20034 sobre #491157 2,23:1 Reprovado
Aa #5848B3 sobre #EB6375 2,20:1 Reprovado
Aa #E32D5B sobre #7D126D 2,20:1 Reprovado
Aa #C4AFDB sobre #E32D5B 2,19:1 Reprovado
Aa #000614 sobre #7D126D 2,10:1 Reprovado
Aa #F596A3 sobre #E32D5B 2,04:1 Reprovado
Aa #5848B3 sobre #8682C7 2,02:1 Reprovado
Aa #5848B3 sobre #491157 1,99:1 Reprovado
Aa #EB6375 sobre #C20034 1,97:1 Reprovado
Aa #000614 sobre #482980 1,84:1 Reprovado
Aa #150261 sobre #7D126D 1,80:1 Reprovado
Aa #8682C7 sobre #C20034 1,80:1 Reprovado
Aa #482980 sobre #C20034 1,76:1 Reprovado
Aa #8682C7 sobre #C4AFDB 1,74:1 Reprovado
Aa #8682C7 sobre #F596A3 1,62:1 Reprovado
Aa #5848B3 sobre #E32D5B 1,60:1 Reprovado
Aa #C4AFDB sobre #EB6375 1,60:1 Reprovado
Aa #150261 sobre #482980 1,57:1 Reprovado
Aa #482980 sobre #5848B3 1,57:1 Reprovado
Aa #C20034 sobre #7D126D 1,53:1 Reprovado
Aa #F596A3 sobre #EB6375 1,49:1 Reprovado
Aa #000614 sobre #491157 1,45:1 Reprovado
Aa #7D126D sobre #491157 1,45:1 Reprovado
Aa #E32D5B sobre #C20034 1,43:1 Reprovado
Aa #5848B3 sobre #7D126D 1,37:1 Reprovado
Aa #EB6375 sobre #E32D5B 1,37:1 Reprovado
Aa #482980 sobre #491157 1,27:1 Reprovado
Aa #8682C7 sobre #E32D5B 1,26:1 Reprovado
Aa #150261 sobre #491157 1,24:1 Reprovado
Aa #000614 sobre #150261 1,17:1 Reprovado
Aa #482980 sobre #7D126D 1,14:1 Reprovado
Aa #5848B3 sobre #C20034 1,12:1 Reprovado
Aa #8682C7 sobre #EB6375 1,09:1 Reprovado
Aa #C4AFDB sobre #F596A3 1,07: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