Criar conta Criar conta
Logcabin

Logcabin

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

Voltar à biblioteca

Logcabin

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

Editar
Vibrante 11 cores Quente Clara Complementar artist winter cozy
Curtidas 50
Cores 11

Variáveis CSS

:root {
  --c-vibrant-1: #73383E;
  --c-vibrant-2: #AD5845;
  --c-vibrant-3: #CF784C;
  --c-vibrant-4: #E8AD80;
  --c-vibrant-5: #F5E5BF;
  --c-vibrant-6: #F7FFED;
  --c-vibrant-7: #B5F5EC;
  --c-vibrant-8: #5BACE3;
  --c-vibrant-9: #636AB8;
  --c-vibrant-10: #574175;
  --c-vibrant-11: #2F2338;
}

Sobre esta paleta

Esta paleta vibrante de 11 cores vai de Pearl Powder (#F7FFED), o tom mais claro, até Bleached Cedar (#2F2338), o mais escuro. Ela reúne Antique Rosewood, Tibetan Orange, Brown Sugar Glaze, Melting Sunset, Scroll of Wisdom, Pearl Powder, Pale King’s Blue, Blue Jeans, Bluish Purple Anemone, When Red Met Blue e Bleached Cedar 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 é #F7FFED sobre #2F2338, com 14,44: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

Antique Rosewood #73383E
RGB
rgb(115, 56, 62)
HSL
hsl(354, 35%, 34%)
Luminância
0,068
Tibetan Orange #AD5845
RGB
rgb(173, 88, 69)
HSL
hsl(11, 43%, 47%)
Luminância
0,163
Brown Sugar Glaze #CF784C
RGB
rgb(207, 120, 76)
HSL
hsl(20, 58%, 55%)
Luminância
0,272
Melting Sunset #E8AD80
RGB
rgb(232, 173, 128)
HSL
hsl(26, 69%, 71%)
Luminância
0,486
Scroll of Wisdom #F5E5BF
RGB
rgb(245, 229, 191)
HSL
hsl(42, 73%, 85%)
Luminância
0,792
Pearl Powder #F7FFED
RGB
rgb(247, 255, 237)
HSL
hsl(87, 100%, 96%)
Luminância
0,974
Pale King’s Blue #B5F5EC
RGB
rgb(181, 245, 236)
HSL
hsl(172, 76%, 84%)
Luminância
0,812
Blue Jeans #5BACE3
RGB
rgb(91, 172, 227)
HSL
hsl(204, 71%, 62%)
Luminância
0,373
Bluish Purple Anemone #636AB8
RGB
rgb(99, 106, 184)
HSL
hsl(235, 37%, 55%)
Luminância
0,164
When Red Met Blue #574175
RGB
rgb(87, 65, 117)
HSL
hsl(265, 29%, 36%)
Luminância
0,071
Bleached Cedar #2F2338
RGB
rgb(47, 35, 56)
HSL
hsl(274, 23%, 18%)
Luminância
0,021

Contraste e acessibilidade

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

Aa #F7FFED sobre #2F2338 14,44:1 AAA
Aa #B5F5EC sobre #2F2338 12,15:1 AAA
Aa #F5E5BF sobre #2F2338 11,87:1 AAA
Aa #73383E sobre #F7FFED 8,66:1 AAA
Aa #F7FFED sobre #574175 8,47:1 AAA
Aa #E8AD80 sobre #2F2338 7,56:1 AAA
Aa #73383E sobre #B5F5EC 7,29:1 AAA
Aa #B5F5EC sobre #574175 7,13:1 AAA
Aa #73383E sobre #F5E5BF 7,12:1 AAA
Aa #F5E5BF sobre #574175 6,96:1 AA
Aa #5BACE3 sobre #2F2338 5,96:1 AA
Aa #AD5845 sobre #F7FFED 4,81:1 AA
Aa #F7FFED sobre #636AB8 4,78:1 AA
Aa #CF784C sobre #2F2338 4,54:1 AA
Aa #73383E sobre #E8AD80 4,53:1 AA
Aa #E8AD80 sobre #574175 4,43:1 AA, texto grande
Aa #AD5845 sobre #B5F5EC 4,05:1 AA, texto grande
Aa #B5F5EC sobre #636AB8 4,02:1 AA, texto grande
Aa #AD5845 sobre #F5E5BF 3,95:1 AA, texto grande
Aa #F5E5BF sobre #636AB8 3,93:1 AA, texto grande
Aa #73383E sobre #5BACE3 3,58:1 AA, texto grande
Aa #5BACE3 sobre #574175 3,50:1 AA, texto grande
Aa #CF784C sobre #F7FFED 3,18:1 AA, texto grande
Aa #636AB8 sobre #2F2338 3,02:1 AA, texto grande
Aa #AD5845 sobre #2F2338 3,00:1 AA, texto grande
Aa #73383E sobre #CF784C 2,73:1 Reprovado
Aa #CF784C sobre #B5F5EC 2,67:1 Reprovado
Aa #CF784C sobre #574175 2,66:1 Reprovado
Aa #CF784C sobre #F5E5BF 2,61:1 Reprovado
Aa #AD5845 sobre #E8AD80 2,52:1 Reprovado
Aa #E8AD80 sobre #636AB8 2,50:1 Reprovado
Aa #F7FFED sobre #5BACE3 2,42:1 Reprovado
Aa #B5F5EC sobre #5BACE3 2,04:1 Reprovado
Aa #AD5845 sobre #5BACE3 1,99:1 Reprovado
Aa #F5E5BF sobre #5BACE3 1,99:1 Reprovado
Aa #5BACE3 sobre #636AB8 1,97:1 Reprovado
Aa #E8AD80 sobre #F7FFED 1,91:1 Reprovado
Aa #73383E sobre #636AB8 1,81:1 Reprovado
Aa #73383E sobre #AD5845 1,80:1 Reprovado
Aa #636AB8 sobre #574175 1,77:1 Reprovado
Aa #AD5845 sobre #574175 1,76:1 Reprovado
Aa #574175 sobre #2F2338 1,70:1 Reprovado
Aa #73383E sobre #2F2338 1,67:1 Reprovado
Aa #CF784C sobre #E8AD80 1,66:1 Reprovado
Aa #E8AD80 sobre #B5F5EC 1,61:1 Reprovado
Aa #E8AD80 sobre #F5E5BF 1,57:1 Reprovado
Aa #AD5845 sobre #CF784C 1,51:1 Reprovado
Aa #CF784C sobre #636AB8 1,50:1 Reprovado
Aa #CF784C sobre #5BACE3 1,31:1 Reprovado
Aa #E8AD80 sobre #5BACE3 1,27:1 Reprovado
Aa #F5E5BF sobre #F7FFED 1,22:1 Reprovado
Aa #F7FFED sobre #B5F5EC 1,19:1 Reprovado
Aa #73383E sobre #574175 1,02:1 Reprovado
Aa #F5E5BF sobre #B5F5EC 1,02:1 Reprovado
Aa #AD5845 sobre #636AB8 1,01:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 cores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 cores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 cores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 cores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 cores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 cores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 cores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 cores