Criar conta Criar conta
Dusty 11

Dusty 11

Paleta de 11 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Dusty 11

Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 11 cores Quente Mista Complementar artist grafxkid
Curtidas 23
Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #93476D;
  --c-vibrant-2: #DD8B6F;
  --c-vibrant-3: #F5DB68;
  --c-vibrant-4: #7CBA40;
  --c-vibrant-5: #326599;
  --c-vibrant-6: #69A7F4;
  --c-vibrant-7: #9DDFFD;
  --c-vibrant-8: #F9F6EB;
  --c-vibrant-9: #A4B2B6;
  --c-vibrant-10: #676C7E;
  --c-vibrant-11: #2E2831;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Clear Moon (#F9F6EB), o tom mais claro, até Black Safflower (#2E2831), o mais escuro. Ela reúne Befitting, Guava Jam, Wild Daffodil, Sparkling Apple, Caledor Sky, Blue Jeans, Columbia Blue, Clear Moon, Special Delivery, Nostalgic e Black Safflower em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #F9F6EB sobre #2E2831, com 13,26: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

Befitting #93476D
RGB
rgb(147, 71, 109)
HSL
hsl(330, 35%, 43%)
Luminância
0,118
Guava Jam #DD8B6F
RGB
rgb(221, 139, 111)
HSL
hsl(15, 62%, 65%)
Luminância
0,350
Wild Daffodil #F5DB68
RGB
rgb(245, 219, 104)
HSL
hsl(49, 88%, 68%)
Luminância
0,711
Sparkling Apple #7CBA40
RGB
rgb(124, 186, 64)
HSL
hsl(90, 49%, 49%)
Luminância
0,398
Caledor Sky #326599
RGB
rgb(50, 101, 153)
HSL
hsl(210, 51%, 40%)
Luminância
0,123
Blue Jeans #69A7F4
RGB
rgb(105, 167, 244)
HSL
hsl(213, 86%, 68%)
Luminância
0,372
Columbia Blue #9DDFFD
RGB
rgb(157, 223, 253)
HSL
hsl(199, 96%, 80%)
Luminância
0,670
Clear Moon #F9F6EB
RGB
rgb(249, 246, 235)
HSL
hsl(47, 54%, 95%)
Luminância
0,921
Special Delivery #A4B2B6
RGB
rgb(164, 178, 182)
HSL
hsl(193, 11%, 68%)
Luminância
0,431
Nostalgic #676C7E
RGB
rgb(103, 108, 126)
HSL
hsl(227, 10%, 45%)
Luminância
0,151
Black Safflower #2E2831
RGB
rgb(46, 40, 49)
HSL
hsl(280, 10%, 17%)
Luminância
0,023

Contraste e acessibilidade

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

Aa #F9F6EB sobre #2E2831 13,26:1 AAA
Aa #F5DB68 sobre #2E2831 10,39:1 AAA
Aa #9DDFFD sobre #2E2831 9,84:1 AAA
Aa #A4B2B6 sobre #2E2831 6,57:1 AA
Aa #7CBA40 sobre #2E2831 6,12:1 AA
Aa #93476D sobre #F9F6EB 5,77:1 AA
Aa #69A7F4 sobre #2E2831 5,76:1 AA
Aa #326599 sobre #F9F6EB 5,61:1 AA
Aa #DD8B6F sobre #2E2831 5,46:1 AA
Aa #F9F6EB sobre #676C7E 4,82:1 AA
Aa #93476D sobre #F5DB68 4,52:1 AA
Aa #F5DB68 sobre #326599 4,40:1 AA, texto grande
Aa #93476D sobre #9DDFFD 4,28:1 AA, texto grande
Aa #326599 sobre #9DDFFD 4,17:1 AA, texto grande
Aa #F5DB68 sobre #676C7E 3,78:1 AA, texto grande
Aa #9DDFFD sobre #676C7E 3,58:1 AA, texto grande
Aa #93476D sobre #A4B2B6 2,86:1 Reprovado
Aa #326599 sobre #A4B2B6 2,78:1 Reprovado
Aa #676C7E sobre #2E2831 2,75:1 Reprovado
Aa #93476D sobre #7CBA40 2,66:1 Reprovado
Aa #7CBA40 sobre #326599 2,59:1 Reprovado
Aa #93476D sobre #69A7F4 2,51:1 Reprovado
Aa #326599 sobre #69A7F4 2,44:1 Reprovado
Aa #DD8B6F sobre #F9F6EB 2,43:1 Reprovado
Aa #A4B2B6 sobre #676C7E 2,39:1 Reprovado
Aa #93476D sobre #DD8B6F 2,38:1 Reprovado
Aa #326599 sobre #2E2831 2,36:1 Reprovado
Aa #DD8B6F sobre #326599 2,31:1 Reprovado
Aa #93476D sobre #2E2831 2,30:1 Reprovado
Aa #69A7F4 sobre #F9F6EB 2,30:1 Reprovado
Aa #7CBA40 sobre #676C7E 2,23:1 Reprovado
Aa #7CBA40 sobre #F9F6EB 2,17:1 Reprovado
Aa #69A7F4 sobre #676C7E 2,10:1 Reprovado
Aa #F9F6EB sobre #A4B2B6 2,02:1 Reprovado
Aa #DD8B6F sobre #676C7E 1,99:1 Reprovado
Aa #DD8B6F sobre #F5DB68 1,90:1 Reprovado
Aa #DD8B6F sobre #9DDFFD 1,80:1 Reprovado
Aa #F5DB68 sobre #69A7F4 1,80:1 Reprovado
Aa #69A7F4 sobre #9DDFFD 1,71:1 Reprovado
Aa #F5DB68 sobre #7CBA40 1,70:1 Reprovado
Aa #7CBA40 sobre #9DDFFD 1,61:1 Reprovado
Aa #F5DB68 sobre #A4B2B6 1,58:1 Reprovado
Aa #9DDFFD sobre #A4B2B6 1,50:1 Reprovado
Aa #9DDFFD sobre #F9F6EB 1,35:1 Reprovado
Aa #F5DB68 sobre #F9F6EB 1,28:1 Reprovado
Aa #93476D sobre #676C7E 1,20:1 Reprovado
Aa #DD8B6F sobre #A4B2B6 1,20:1 Reprovado
Aa #326599 sobre #676C7E 1,16:1 Reprovado
Aa #69A7F4 sobre #A4B2B6 1,14:1 Reprovado
Aa #DD8B6F sobre #7CBA40 1,12:1 Reprovado
Aa #7CBA40 sobre #A4B2B6 1,07:1 Reprovado
Aa #F5DB68 sobre #9DDFFD 1,06:1 Reprovado
Aa #7CBA40 sobre #69A7F4 1,06:1 Reprovado
Aa #DD8B6F sobre #69A7F4 1,05:1 Reprovado
Aa #93476D sobre #326599 1,03: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