Criar conta Criar conta
Sea&lava

Sea&lava

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

Voltar à biblioteca

Sea&lava

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

Editar
Vibrante 9 cores Quente Mista Complementar vibrant colorful tropical sealava
Curtidas 25
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #105189;
  --c-vibrant-2: #3C7C9A;
  --c-vibrant-3: #6EA096;
  --c-vibrant-4: #BEAE64;
  --c-vibrant-5: #FFBC42;
  --c-vibrant-6: #F69248;
  --c-vibrant-7: #EB5B42;
  --c-vibrant-8: #CB203C;
  --c-vibrant-9: #891545;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Pale Marigold (#FFBC42), o tom mais claro, até Akuma’s Fury (#891545), o mais escuro. Ela reúne Lake Baikal, Blue Dart Frog, Jade Dragon, Riesling Grape, Pale Marigold, Fall River, Opal Flame, Karakurenai Red e Akuma’s Fury em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFBC42 sobre #891545, com 5,55: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

Lake Baikal #105189
RGB
rgb(16, 81, 137)
HSL
hsl(208, 79%, 30%)
Luminância
0,078
Blue Dart Frog #3C7C9A
RGB
rgb(60, 124, 154)
HSL
hsl(199, 44%, 42%)
Luminância
0,177
Jade Dragon #6EA096
RGB
rgb(110, 160, 150)
HSL
hsl(168, 21%, 53%)
Luminância
0,307
Riesling Grape #BEAE64
RGB
rgb(190, 174, 100)
HSL
hsl(49, 41%, 57%)
Luminância
0,421
Pale Marigold #FFBC42
RGB
rgb(255, 188, 66)
HSL
hsl(39, 100%, 63%)
Luminância
0,576
Fall River #F69248
RGB
rgb(246, 146, 72)
HSL
hsl(26, 91%, 62%)
Luminância
0,406
Opal Flame #EB5B42
RGB
rgb(235, 91, 66)
HSL
hsl(9, 81%, 59%)
Luminância
0,255
Karakurenai Red #CB203C
RGB
rgb(203, 32, 60)
HSL
hsl(350, 73%, 46%)
Luminância
0,141
Akuma’s Fury #891545
RGB
rgb(137, 21, 69)
HSL
hsl(335, 73%, 31%)
Luminância
0,063

Contraste e acessibilidade

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

Aa #FFBC42 sobre #891545 5,55:1 AA
Aa #105189 sobre #FFBC42 4,89:1 AA
Aa #BEAE64 sobre #891545 4,18:1 AA, texto grande
Aa #F69248 sobre #891545 4,04:1 AA, texto grande
Aa #105189 sobre #BEAE64 3,68:1 AA, texto grande
Aa #105189 sobre #F69248 3,56:1 AA, texto grande
Aa #FFBC42 sobre #CB203C 3,29:1 AA, texto grande
Aa #6EA096 sobre #891545 3,16:1 AA, texto grande
Aa #105189 sobre #6EA096 2,79:1 Reprovado
Aa #3C7C9A sobre #FFBC42 2,76:1 Reprovado
Aa #EB5B42 sobre #891545 2,71:1 Reprovado
Aa #BEAE64 sobre #CB203C 2,47:1 Reprovado
Aa #105189 sobre #EB5B42 2,39:1 Reprovado
Aa #F69248 sobre #CB203C 2,39:1 Reprovado
Aa #3C7C9A sobre #BEAE64 2,08:1 Reprovado
Aa #FFBC42 sobre #EB5B42 2,05:1 Reprovado
Aa #3C7C9A sobre #F69248 2,01:1 Reprovado
Aa #3C7C9A sobre #891545 2,01:1 Reprovado
Aa #6EA096 sobre #CB203C 1,87:1 Reprovado
Aa #105189 sobre #3C7C9A 1,77:1 Reprovado
Aa #6EA096 sobre #FFBC42 1,76:1 Reprovado
Aa #CB203C sobre #891545 1,69:1 Reprovado
Aa #EB5B42 sobre #CB203C 1,60:1 Reprovado
Aa #3C7C9A sobre #6EA096 1,57:1 Reprovado
Aa #BEAE64 sobre #EB5B42 1,54:1 Reprovado
Aa #105189 sobre #CB203C 1,49:1 Reprovado
Aa #F69248 sobre #EB5B42 1,49:1 Reprovado
Aa #FFBC42 sobre #F69248 1,37:1 Reprovado
Aa #3C7C9A sobre #EB5B42 1,34:1 Reprovado
Aa #BEAE64 sobre #FFBC42 1,33:1 Reprovado
Aa #6EA096 sobre #BEAE64 1,32:1 Reprovado
Aa #6EA096 sobre #F69248 1,28:1 Reprovado
Aa #3C7C9A sobre #CB203C 1,19:1 Reprovado
Aa #6EA096 sobre #EB5B42 1,17:1 Reprovado
Aa #105189 sobre #891545 1,13:1 Reprovado
Aa #BEAE64 sobre #F69248 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