Início Paletas de cores Paleta “Red” de 4 cores

Paleta “Red” de 4 cores

Paleta de 4 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

Paleta “Red” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar

Vibrante 4 cores Quente Escura Triádica

Curtidas 856

Cores 4

Variáveis CSS

:root {
  --c-vibrant-1: #000080;
  --c-vibrant-2: #FF0000;
  --c-vibrant-3: #9E2A3A;
  --c-vibrant-4: #3A2525;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Red (#FF0000), o tom mais claro, até Navy Blue (#000080), o mais escuro. Ela reúne Navy Blue, Red, Cochineal Red e Night Red 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

Navy Blue #000080

RGB: rgb(0, 0, 128)
HSL: hsl(240, 100%, 25%)
Luminância: 0,016

Red #FF0000

RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
Luminância: 0,213

Cochineal Red #9E2A3A

RGB: rgb(158, 42, 58)
HSL: hsl(352, 58%, 39%)
Luminância: 0,092

Night Red #3A2525

RGB: rgb(58, 37, 37)
HSL: hsl(0, 22%, 19%)
Luminância: 0,024

Contraste e acessibilidade

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

Aa #000080 sobre #FF0000 4,00:1 AA, texto grande

Aa #FF0000 sobre #3A2525 3,57:1 AA, texto grande

Aa #000080 sobre #9E2A3A 2,17:1 Reprovado

Aa #9E2A3A sobre #3A2525 1,93:1 Reprovado

Aa #FF0000 sobre #9E2A3A 1,85:1 Reprovado

Aa #000080 sobre #3A2525 1,12:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000

4 cores

#E23E57 #88304E #522546 #311D3F

4 cores

#FF204E #A0153E #5D0E41 #00224D

4 cores

#030637 #3C0753 #720455 #910A67

4 cores

#1C0A00 #361500 #603601 #CC9544

4 cores

#252525 #FF0000 #AF0404 #414141

4 cores

#362222 #171010 #423F3E #2B2B2B

4 cores

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 cores

Paleta “Red” de 4 cores