Criar conta Criar conta
Midnight

Midnight

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

Voltar à biblioteca

Midnight

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

Editar
Sóbria 5 cores Quente Escura Triádica midnight
Curtidas 16
Cores 5

Variáveis CSS

:root {
  --c-muted-1: #FF1714;
  --c-muted-2: #B91740;
  --c-muted-3: #69173D;
  --c-muted-4: #37173D;
  --c-muted-5: #05173D;
}

Sobre esta paleta

Esta paleta sóbria de 5 cores vai de Little Ladybug (#FF1714), o tom mais claro, até Navy (#05173D), o mais escuro. Ela reúne Little Ladybug, Red Tuna Fruit, Her Fierceness, Blackcurrant e Navy em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FF1714 sobre #05173D, com 4,5: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

Little Ladybug #FF1714
RGB
rgb(255, 23, 20)
HSL
hsl(1, 100%, 54%)
Luminância
0,219
Red Tuna Fruit #B91740
RGB
rgb(185, 23, 64)
HSL
hsl(345, 78%, 41%)
Luminância
0,113
Her Fierceness #69173D
RGB
rgb(105, 23, 61)
HSL
hsl(332, 64%, 25%)
Luminância
0,040
Blackcurrant #37173D
RGB
rgb(55, 23, 61)
HSL
hsl(291, 45%, 16%)
Luminância
0,018
Navy #05173D
RGB
rgb(5, 23, 61)
HSL
hsl(221, 85%, 13%)
Luminância
0,010

Contraste e acessibilidade

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

Aa #FF1714 sobre #05173D 4,50:1 AA
Aa #FF1714 sobre #37173D 3,98:1 AA, texto grande
Aa #FF1714 sobre #69173D 3,01:1 AA, texto grande
Aa #B91740 sobre #05173D 2,72:1 Reprovado
Aa #B91740 sobre #37173D 2,41:1 Reprovado
Aa #B91740 sobre #69173D 1,82:1 Reprovado
Aa #FF1714 sobre #B91740 1,65:1 Reprovado
Aa #69173D sobre #05173D 1,50:1 Reprovado
Aa #69173D sobre #37173D 1,32:1 Reprovado
Aa #37173D sobre #05173D 1,13: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