Início Paletas de cores Crab's Orange Red Palette

Crab's Orange Red Palette

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

Voltar à biblioteca

Crab's Orange Red Palette

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

Editar

Terrosa 6 cores Quente Mista Complementar orange red purple crab

Curtidas 23

Cores 6

Variáveis CSS

:root {
  --c-earthy-1: #405162;
  --c-earthy-2: #644D66;
  --c-earthy-3: #AB6B82;
  --c-earthy-4: #E5916C;
  --c-earthy-5: #FDBD66;
  --c-earthy-6: #F2BBEF;
}

Sobre esta paleta

Esta paleta terrosa de 6 cores vai de Lovecloud (#F2BBEF), o tom mais claro, até December Eve (#405162), o mais escuro. Ela reúne December Eve, Vicarious Violet, Cure All, Peachy Maroney, Crispy Samosa e Lovecloud em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #405162 sobre #F2BBEF, com 5,11:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

December Eve #405162

RGB: rgb(64, 81, 98)
HSL: hsl(210, 21%, 32%)
Luminância: 0,079

Vicarious Violet #644D66

RGB: rgb(100, 77, 102)
HSL: hsl(295, 14%, 35%)
Luminância: 0,090

Cure All #AB6B82

RGB: rgb(171, 107, 130)
HSL: hsl(338, 28%, 55%)
Luminância: 0,208

Peachy Maroney #E5916C

RGB: rgb(229, 145, 108)
HSL: hsl(18, 70%, 66%)
Luminância: 0,380

Crispy Samosa #FDBD66

RGB: rgb(253, 189, 102)
HSL: hsl(35, 97%, 70%)
Luminância: 0,582

Lovecloud #F2BBEF

RGB: rgb(242, 187, 239)
HSL: hsl(303, 68%, 84%)
Luminância: 0,607

Contraste e acessibilidade

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

Aa #405162 sobre #F2BBEF 5,11:1 AA

Aa #405162 sobre #FDBD66 4,92:1 AA

Aa #644D66 sobre #F2BBEF 4,70:1 AA

Aa #644D66 sobre #FDBD66 4,52:1 AA

Aa #405162 sobre #E5916C 3,34:1 AA, texto grande

Aa #644D66 sobre #E5916C 3,08:1 AA, texto grande

Aa #AB6B82 sobre #F2BBEF 2,55:1 Reprovado

Aa #AB6B82 sobre #FDBD66 2,45:1 Reprovado

Aa #405162 sobre #AB6B82 2,01:1 Reprovado

Aa #644D66 sobre #AB6B82 1,84:1 Reprovado

Aa #AB6B82 sobre #E5916C 1,67:1 Reprovado

Aa #E5916C sobre #F2BBEF 1,53:1 Reprovado

Aa #E5916C sobre #FDBD66 1,47:1 Reprovado

Aa #405162 sobre #644D66 1,09:1 Reprovado

Aa #FDBD66 sobre #F2BBEF 1,04: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

Crab's Orange Red Palette