Paleta “Refreshed” de 4 cores

Paleta “Refreshed” de 4 cores

Paleta de 4 cores · Fria · Mista · Harmonia: Análoga

Paleta “Refreshed” de 4 cores

Paleta de 4 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Sóbria 4 cores Fria Mista Análoga
Curtidas 1.435
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #515661;
  --c-muted-2: #2E9F82;
  --c-muted-3: #68C170;
  --c-muted-4: #D6EC8C;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Refreshed (#D6EC8C), o tom mais claro, até Ball Gown (#515661), o mais escuro. Ela reúne Ball Gown, Green Jelly, Bermudagrass e Refreshed em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #515661 sobre #D6EC8C, com 5,69: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

Ball Gown #515661
RGB
rgb(81, 86, 97)
HSL
hsl(221, 9%, 35%)
Luminância
0,093
Green Jelly #2E9F82
RGB
rgb(46, 159, 130)
HSL
hsl(165, 55%, 40%)
Luminância
0,270
Bermudagrass #68C170
RGB
rgb(104, 193, 112)
HSL
hsl(125, 42%, 58%)
Luminância
0,423
Refreshed #D6EC8C
RGB
rgb(214, 236, 140)
HSL
hsl(74, 72%, 74%)
Luminância
0,762

Contraste e acessibilidade

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

Aa #515661 sobre #D6EC8C 5,69:1 AA
Aa #515661 sobre #68C170 3,31:1 AA, texto grande
Aa #2E9F82 sobre #D6EC8C 2,54:1 Reprovado
Aa #515661 sobre #2E9F82 2,24:1 Reprovado
Aa #68C170 sobre #D6EC8C 1,72:1 Reprovado
Aa #2E9F82 sobre #68C170 1,48: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