Paleta “Happy Prawn” de 4 cores

Paleta “Happy Prawn” de 4 cores

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

Paleta “Happy Prawn” de 4 cores

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

Editar
Vibrante 4 cores Neutra Mista Complementar
Curtidas 4.350
Cores 4


Variáveis CSS

:root {
  --c-vibrant-1: #FFBE98;
  --c-vibrant-2: #F05A7E;
  --c-vibrant-3: #125B9A;
  --c-vibrant-4: #0B8494;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Happy Prawn (#FFBE98), o tom mais claro, até Lapis Jewel (#125B9A), o mais escuro. Ela reúne Happy Prawn, Watermelon Juice, Lapis Jewel e True Teal em um único conjunto que você pode levar direto para uma interface. Nenhum dos 6 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Happy Prawn #FFBE98
RGB
rgb(255, 190, 152)
HSL
hsl(22, 100%, 80%)
Luminância
0,604
Watermelon Juice #F05A7E
RGB
rgb(240, 90, 126)
HSL
hsl(346, 83%, 65%)
Luminância
0,273
Lapis Jewel #125B9A
RGB
rgb(18, 91, 154)
HSL
hsl(208, 79%, 34%)
Luminância
0,099
True Teal #0B8494
RGB
rgb(11, 132, 148)
HSL
hsl(187, 86%, 31%)
Luminância
0,187

Contraste e acessibilidade

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

Aa #FFBE98 sobre #125B9A 4,37:1 AA, texto grande
Aa #FFBE98 sobre #0B8494 2,76:1 Reprovado
Aa #F05A7E sobre #125B9A 2,16:1 Reprovado
Aa #FFBE98 sobre #F05A7E 2,02:1 Reprovado
Aa #125B9A sobre #0B8494 1,59:1 Reprovado
Aa #F05A7E sobre #0B8494 1,36:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores