Paleta “Doeskin” de 4 cores

Paleta “Doeskin” de 4 cores

Paleta de 4 cores · Fria · Mista · Harmonia: Complementar

Paleta “Doeskin” de 4 cores

Paleta de 4 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 4 cores Fria Mista Complementar
Curtidas 5.576
Cores 4


Variáveis CSS

:root {
  --c-vibrant-1: #FFF3E6;
  --c-vibrant-2: #1A508B;
  --c-vibrant-3: #0D335D;
  --c-vibrant-4: #C1A1D3;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Doeskin (#FFF3E6), o tom mais claro, até Ambassador Blue (#0D335D), o mais escuro. Ela reúne Doeskin, Olympian Blue, Ambassador Blue e Lilac Lace 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 é #FFF3E6 sobre #0D335D, com 11,65: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

Doeskin #FFF3E6
RGB
rgb(255, 243, 230)
HSL
hsl(31, 100%, 95%)
Luminância
0,911
Olympian Blue #1A508B
RGB
rgb(26, 80, 139)
HSL
hsl(211, 68%, 32%)
Luminância
0,078
Ambassador Blue #0D335D
RGB
rgb(13, 51, 93)
HSL
hsl(212, 75%, 21%)
Luminância
0,032
Lilac Lace #C1A1D3
RGB
rgb(193, 161, 211)
HSL
hsl(278, 36%, 73%)
Luminância
0,415

Contraste e acessibilidade

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

Aa #FFF3E6 sobre #0D335D 11,65:1 AAA
Aa #FFF3E6 sobre #1A508B 7,49:1 AAA
Aa #0D335D sobre #C1A1D3 5,64:1 AA
Aa #1A508B sobre #C1A1D3 3,63:1 AA, texto grande
Aa #FFF3E6 sobre #C1A1D3 2,06:1 Reprovado
Aa #1A508B sobre #0D335D 1,56: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