Paleta “Lilac Lotion” de 4 cores

Paleta “Lilac Lotion” de 4 cores

Paleta de 4 cores · Quente · Clara · Harmonia: Monocromática

Paleta “Lilac Lotion” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Monocromática

Editar
Vibrante 4 cores Quente Clara Monocromática
Curtidas 2.714
Cores 4


Variáveis CSS

:root {
  --c-vibrant-1: #FAFAFA;
  --c-vibrant-2: #FF347F;
  --c-vibrant-3: #C9356C;
  --c-vibrant-4: #F48DB4;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Dr. White (#FAFAFA), o tom mais claro, até Raspberry Jam (#C9356C), o mais escuro. Ela reúne Dr. White, Lilac Lotion, Raspberry Jam e Astilbe 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 é #FAFAFA sobre #C9356C, com 4,78: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

Dr. White #FAFAFA
RGB
rgb(250, 250, 250)
HSL
hsl(0, 0%, 98%)
Luminância
0,956
Lilac Lotion #FF347F
RGB
rgb(255, 52, 127)
HSL
hsl(338, 100%, 60%)
Luminância
0,253
Raspberry Jam #C9356C
RGB
rgb(201, 53, 108)
HSL
hsl(338, 58%, 50%)
Luminância
0,161
Astilbe #F48DB4
RGB
rgb(244, 141, 180)
HSL
hsl(337, 82%, 75%)
Luminância
0,416

Contraste e acessibilidade

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

Aa #FAFAFA sobre #C9356C 4,78:1 AA
Aa #FAFAFA sobre #FF347F 3,33:1 AA, texto grande
Aa #C9356C sobre #F48DB4 2,21:1 Reprovado
Aa #FAFAFA sobre #F48DB4 2,16:1 Reprovado
Aa #FF347F sobre #F48DB4 1,54:1 Reprovado
Aa #FF347F sobre #C9356C 1,44: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