Criar conta Criar conta
Enchanted Purple

Enchanted Purple

Paleta de 12 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

Enchanted Purple

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Sóbria 12 cores Fria Mista Análoga purple glow enchanted
Curtidas 226
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #16254A;
  --c-muted-2: #3A4278;
  --c-muted-3: #4D4E8F;
  --c-muted-4: #605A9E;
  --c-muted-5: #746FB3;
  --c-muted-6: #8071B5;
  --c-muted-7: #917AC2;
  --c-muted-8: #9877C5;
  --c-muted-9: #C594E6;
  --c-muted-10: #E1A8FA;
  --c-muted-11: #F5C1FF;
  --c-muted-12: #FCCFFF;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Pink Diamond (#FCCFFF), o tom mais claro, até Rurikon Blue (#16254A), o mais escuro. Ela reúne Rurikon Blue, Little Blue Heron, Twilight, Purple Opulence, Clear Mauve, Dahlia Purple, Ube, Lilac Bush, Bright Lavender, Testosterose, Electric Lavender e Pink Diamond em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #16254A sobre #FCCFFF, com 11,1: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

Rurikon Blue #16254A
RGB
rgb(22, 37, 74)
HSL
hsl(223, 54%, 19%)
Luminância
0,020
Little Blue Heron #3A4278
RGB
rgb(58, 66, 120)
HSL
hsl(232, 35%, 35%)
Luminância
0,062
Twilight #4D4E8F
RGB
rgb(77, 78, 143)
HSL
hsl(239, 30%, 43%)
Luminância
0,090
Purple Opulence #605A9E
RGB
rgb(96, 90, 158)
HSL
hsl(245, 27%, 49%)
Luminância
0,123
Clear Mauve #746FB3
RGB
rgb(116, 111, 179)
HSL
hsl(244, 31%, 57%)
Luminância
0,183
Dahlia Purple #8071B5
RGB
rgb(128, 113, 181)
HSL
hsl(253, 31%, 58%)
Luminância
0,197
Ube #917AC2
RGB
rgb(145, 122, 194)
HSL
hsl(259, 37%, 62%)
Luminância
0,238
Lilac Bush #9877C5
RGB
rgb(152, 119, 197)
HSL
hsl(265, 40%, 62%)
Luminância
0,239
Bright Lavender #C594E6
RGB
rgb(197, 148, 230)
HSL
hsl(276, 62%, 74%)
Luminância
0,388
Testosterose #E1A8FA
RGB
rgb(225, 168, 250)
HSL
hsl(282, 89%, 82%)
Luminância
0,509
Electric Lavender #F5C1FF
RGB
rgb(245, 193, 255)
HSL
hsl(290, 100%, 88%)
Luminância
0,648
Pink Diamond #FCCFFF
RGB
rgb(252, 207, 255)
HSL
hsl(296, 100%, 91%)
Luminância
0,725

Contraste e acessibilidade

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

Aa #16254A sobre #FCCFFF 11,10:1 AAA
Aa #16254A sobre #F5C1FF 9,98:1 AAA
Aa #16254A sobre #E1A8FA 8,00:1 AAA
Aa #3A4278 sobre #FCCFFF 6,95:1 AA
Aa #16254A sobre #C594E6 6,26:1 AA
Aa #3A4278 sobre #F5C1FF 6,26:1 AA
Aa #4D4E8F sobre #FCCFFF 5,53:1 AA
Aa #3A4278 sobre #E1A8FA 5,01:1 AA
Aa #4D4E8F sobre #F5C1FF 4,98:1 AA
Aa #605A9E sobre #FCCFFF 4,49:1 AA, texto grande
Aa #16254A sobre #9877C5 4,14:1 AA, texto grande
Aa #16254A sobre #917AC2 4,13:1 AA, texto grande
Aa #605A9E sobre #F5C1FF 4,04:1 AA, texto grande
Aa #4D4E8F sobre #E1A8FA 3,99:1 AA, texto grande
Aa #3A4278 sobre #C594E6 3,92:1 AA, texto grande
Aa #16254A sobre #8071B5 3,54:1 AA, texto grande
Aa #16254A sobre #746FB3 3,34:1 AA, texto grande
Aa #746FB3 sobre #FCCFFF 3,32:1 AA, texto grande
Aa #605A9E sobre #E1A8FA 3,24:1 AA, texto grande
Aa #8071B5 sobre #FCCFFF 3,13:1 AA, texto grande
Aa #4D4E8F sobre #C594E6 3,12:1 AA, texto grande
Aa #746FB3 sobre #F5C1FF 2,99:1 Reprovado
Aa #8071B5 sobre #F5C1FF 2,82:1 Reprovado
Aa #917AC2 sobre #FCCFFF 2,69:1 Reprovado
Aa #9877C5 sobre #FCCFFF 2,68:1 Reprovado
Aa #3A4278 sobre #917AC2 2,59:1 Reprovado
Aa #3A4278 sobre #9877C5 2,59:1 Reprovado
Aa #605A9E sobre #C594E6 2,53:1 Reprovado
Aa #16254A sobre #605A9E 2,47:1 Reprovado
Aa #917AC2 sobre #F5C1FF 2,42:1 Reprovado
Aa #9877C5 sobre #F5C1FF 2,41:1 Reprovado
Aa #746FB3 sobre #E1A8FA 2,40:1 Reprovado
Aa #8071B5 sobre #E1A8FA 2,26:1 Reprovado
Aa #3A4278 sobre #8071B5 2,22:1 Reprovado
Aa #3A4278 sobre #746FB3 2,09:1 Reprovado
Aa #4D4E8F sobre #917AC2 2,06:1 Reprovado
Aa #4D4E8F sobre #9877C5 2,06:1 Reprovado
Aa #16254A sobre #4D4E8F 2,00:1 Reprovado
Aa #917AC2 sobre #E1A8FA 1,94:1 Reprovado
Aa #9877C5 sobre #E1A8FA 1,93:1 Reprovado
Aa #746FB3 sobre #C594E6 1,88:1 Reprovado
Aa #4D4E8F sobre #8071B5 1,77:1 Reprovado
Aa #8071B5 sobre #C594E6 1,77:1 Reprovado
Aa #C594E6 sobre #FCCFFF 1,77:1 Reprovado
Aa #4D4E8F sobre #746FB3 1,67:1 Reprovado
Aa #605A9E sobre #917AC2 1,67:1 Reprovado
Aa #605A9E sobre #9877C5 1,67:1 Reprovado
Aa #16254A sobre #3A4278 1,60:1 Reprovado
Aa #C594E6 sobre #F5C1FF 1,59:1 Reprovado
Aa #3A4278 sobre #605A9E 1,55:1 Reprovado
Aa #917AC2 sobre #C594E6 1,52:1 Reprovado
Aa #9877C5 sobre #C594E6 1,51:1 Reprovado
Aa #605A9E sobre #8071B5 1,43:1 Reprovado
Aa #E1A8FA sobre #FCCFFF 1,39:1 Reprovado
Aa #605A9E sobre #746FB3 1,35:1 Reprovado
Aa #C594E6 sobre #E1A8FA 1,28:1 Reprovado
Aa #3A4278 sobre #4D4E8F 1,26:1 Reprovado
Aa #E1A8FA sobre #F5C1FF 1,25:1 Reprovado
Aa #746FB3 sobre #917AC2 1,24:1 Reprovado
Aa #746FB3 sobre #9877C5 1,24:1 Reprovado
Aa #4D4E8F sobre #605A9E 1,23:1 Reprovado
Aa #8071B5 sobre #917AC2 1,17:1 Reprovado
Aa #8071B5 sobre #9877C5 1,17:1 Reprovado
Aa #F5C1FF sobre #FCCFFF 1,11:1 Reprovado
Aa #746FB3 sobre #8071B5 1,06:1 Reprovado
Aa #917AC2 sobre #9877C5 1,00: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