Criar conta Criar conta
Paleta “Calamansi” de 4 cores

Paleta “Calamansi” de 4 cores

Paleta de 4 cores · Fria · Mista · Harmonia: Triádica

Voltar à biblioteca

Paleta “Calamansi” de 4 cores

Paleta de 4 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Triádica

Editar
Sóbria 4 cores Fria Mista Triádica
Curtidas 1.922
Cores 4

Variáveis CSS

:root {
  --c-muted-1: #FEFFA0;
  --c-muted-2: #ACDB86;
  --c-muted-3: #547C66;
  --c-muted-4: #3B5B5D;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Calamansi (#FEFFA0), o tom mais claro, até Otter Creek (#3B5B5D), o mais escuro. Ela reúne Calamansi, Feijoa, Dark Sorrel e Otter Creek em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FEFFA0 sobre #3B5B5D, com 7,05: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

Calamansi #FEFFA0
RGB
rgb(254, 255, 160)
HSL
hsl(61, 100%, 81%)
Luminância
0,951
Feijoa #ACDB86
RGB
rgb(172, 219, 134)
HSL
hsl(93, 54%, 69%)
Luminância
0,612
Dark Sorrel #547C66
RGB
rgb(84, 124, 102)
HSL
hsl(147, 19%, 41%)
Luminância
0,173
Otter Creek #3B5B5D
RGB
rgb(59, 91, 93)
HSL
hsl(184, 22%, 30%)
Luminância
0,092

Contraste e acessibilidade

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

Aa #FEFFA0 sobre #3B5B5D 7,05:1 AAA
Aa #ACDB86 sobre #3B5B5D 4,66:1 AA
Aa #FEFFA0 sobre #547C66 4,50:1 AA
Aa #ACDB86 sobre #547C66 2,97:1 Reprovado
Aa #547C66 sobre #3B5B5D 1,57:1 Reprovado
Aa #FEFFA0 sobre #ACDB86 1,51:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores