Mesquita's Monochromatic RED

Mesquita's Monochromatic RED

Paleta de 6 cores · Quente · Escura · Harmonia: Análoga

Mesquita's Monochromatic RED

Paleta de 6 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 6 cores Quente Escura Análoga red monochromatic
Curtidas 146
Cores 6


Variáveis CSS

:root {
  --c-muted-1: #1C0818;
  --c-muted-2: #350D24;
  --c-muted-3: #4C1026;
  --c-muted-4: #681225;
  --c-muted-5: #810E23;
  --c-muted-6: #941416;
}

Sobre esta paleta

Esta paleta sóbria de 6 cores vai de Clotted Red (#941416), o tom mais claro, até Crow (#1C0818), o mais escuro. Ela reúne Crow, Chocolate Kiss, What We Do in the Shadows, Dark Humour, Heavy Heart e Clotted Red em um único conjunto que você pode levar direto para uma interface. Nenhum dos 15 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

Crow #1C0818
RGB
rgb(28, 8, 24)
HSL
hsl(312, 56%, 7%)
Luminância
0,005
Chocolate Kiss #350D24
RGB
rgb(53, 13, 36)
HSL
hsl(326, 61%, 13%)
Luminância
0,012
What We Do in the Shadows #4C1026
RGB
rgb(76, 16, 38)
HSL
hsl(338, 65%, 18%)
Luminância
0,021
Dark Humour #681225
RGB
rgb(104, 18, 37)
HSL
hsl(347, 70%, 24%)
Luminância
0,035
Heavy Heart #810E23
RGB
rgb(129, 14, 35)
HSL
hsl(349, 80%, 28%)
Luminância
0,051
Clotted Red #941416
RGB
rgb(148, 20, 22)
HSL
hsl(359, 76%, 33%)
Luminância
0,069

Contraste e acessibilidade

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

Aa #1C0818 sobre #941416 2,16:1 Reprovado
Aa #350D24 sobre #941416 1,92:1 Reprovado
Aa #1C0818 sobre #810E23 1,84:1 Reprovado
Aa #4C1026 sobre #941416 1,68:1 Reprovado
Aa #350D24 sobre #810E23 1,64:1 Reprovado
Aa #1C0818 sobre #681225 1,55:1 Reprovado
Aa #4C1026 sobre #810E23 1,43:1 Reprovado
Aa #681225 sobre #941416 1,39:1 Reprovado
Aa #350D24 sobre #681225 1,38:1 Reprovado
Aa #1C0818 sobre #4C1026 1,28:1 Reprovado
Aa #4C1026 sobre #681225 1,21:1 Reprovado
Aa #681225 sobre #810E23 1,19:1 Reprovado
Aa #810E23 sobre #941416 1,17:1 Reprovado
Aa #350D24 sobre #4C1026 1,14:1 Reprovado
Aa #1C0818 sobre #350D24 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