Criar conta Criar conta
Amaryllis Garden 8

Amaryllis Garden 8

Paleta de 8 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Amaryllis Garden 8

Paleta de 8 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Vibrante 8 cores Quente Mista Triádica green red lightcolor
Curtidas 25
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #1B050E;
  --c-vibrant-2: #811312;
  --c-vibrant-3: #B92F2E;
  --c-vibrant-4: #CD9A51;
  --c-vibrant-5: #DCDC81;
  --c-vibrant-6: #458112;
  --c-vibrant-7: #76B92E;
  --c-vibrant-8: #D4E7B1;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Lasting Thoughts (#D4E7B1), o tom mais claro, até Crow (#1B050E), o mais escuro. Ela reúne Crow, Grubby Red, Scarlet Beebalm, Sugar Glazed Cashew, Carolina Parakeet, Kelp Forest, Jubilant Meadow e Lasting Thoughts em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1B050E sobre #D4E7B1, com 14,76: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

Crow #1B050E
RGB
rgb(27, 5, 14)
HSL
hsl(335, 69%, 6%)
Luminância
0,004
Grubby Red #811312
RGB
rgb(129, 19, 18)
HSL
hsl(1, 76%, 29%)
Luminância
0,052
Scarlet Beebalm #B92F2E
RGB
rgb(185, 47, 46)
HSL
hsl(0, 60%, 45%)
Luminância
0,125
Sugar Glazed Cashew #CD9A51
RGB
rgb(205, 154, 81)
HSL
hsl(35, 55%, 56%)
Luminância
0,367
Carolina Parakeet #DCDC81
RGB
rgb(220, 220, 129)
HSL
hsl(60, 57%, 68%)
Luminância
0,680
Kelp Forest #458112
RGB
rgb(69, 129, 18)
HSL
hsl(92, 76%, 29%)
Luminância
0,170
Jubilant Meadow #76B92E
RGB
rgb(118, 185, 46)
HSL
hsl(89, 60%, 45%)
Luminância
0,388
Lasting Thoughts #D4E7B1
RGB
rgb(212, 231, 177)
HSL
hsl(81, 53%, 80%)
Luminância
0,743

Contraste e acessibilidade

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

Aa #1B050E sobre #D4E7B1 14,76:1 AAA
Aa #1B050E sobre #DCDC81 13,58:1 AAA
Aa #1B050E sobre #76B92E 8,14:1 AAA
Aa #811312 sobre #D4E7B1 7,79:1 AAA
Aa #1B050E sobre #CD9A51 7,76:1 AAA
Aa #811312 sobre #DCDC81 7,17:1 AAA
Aa #B92F2E sobre #D4E7B1 4,52:1 AA
Aa #811312 sobre #76B92E 4,30:1 AA, texto grande
Aa #B92F2E sobre #DCDC81 4,16:1 AA, texto grande
Aa #1B050E sobre #458112 4,10:1 AA, texto grande
Aa #811312 sobre #CD9A51 4,10:1 AA, texto grande
Aa #458112 sobre #D4E7B1 3,60:1 AA, texto grande
Aa #DCDC81 sobre #458112 3,32:1 AA, texto grande
Aa #1B050E sobre #B92F2E 3,27:1 AA, texto grande
Aa #B92F2E sobre #76B92E 2,49:1 Reprovado
Aa #B92F2E sobre #CD9A51 2,38:1 Reprovado
Aa #811312 sobre #458112 2,16:1 Reprovado
Aa #458112 sobre #76B92E 1,99:1 Reprovado
Aa #CD9A51 sobre #D4E7B1 1,90:1 Reprovado
Aa #1B050E sobre #811312 1,89:1 Reprovado
Aa #CD9A51 sobre #458112 1,89:1 Reprovado
Aa #76B92E sobre #D4E7B1 1,81:1 Reprovado
Aa #CD9A51 sobre #DCDC81 1,75:1 Reprovado
Aa #811312 sobre #B92F2E 1,72:1 Reprovado
Aa #DCDC81 sobre #76B92E 1,67:1 Reprovado
Aa #B92F2E sobre #458112 1,25:1 Reprovado
Aa #DCDC81 sobre #D4E7B1 1,09:1 Reprovado
Aa #CD9A51 sobre #76B92E 1,05:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores