Mesquita's Monochromatic RED

Mesquita's Monochromatic RED

Paleta de 6 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Mesquita's Monochromatic RED

Paleta de 6 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Editar
Colores apagados 6 colores Colores cálidos Tonos oscuros Armonía análoga red monochromatic
Me gusta 146
Colores 6


Variables 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 de 6 colores apagados va de Clotted Red (#941416), su tono más claro, a Crow (#1C0818), el más oscuro. Combina Crow, Chocolate Kiss, What We Do in the Shadows, Dark Humour, Heavy Heart y Clotted Red en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 15 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.


Desglose de colores

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

Contraste y accesibilidad

Combinaciones de colores en la paleta: 15. De ellas, 0 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #1C0818 sobre #941416 2,16:1 No aprobado
Aa #350D24 sobre #941416 1,92:1 No aprobado
Aa #1C0818 sobre #810E23 1,84:1 No aprobado
Aa #4C1026 sobre #941416 1,68:1 No aprobado
Aa #350D24 sobre #810E23 1,64:1 No aprobado
Aa #1C0818 sobre #681225 1,55:1 No aprobado
Aa #4C1026 sobre #810E23 1,43:1 No aprobado
Aa #681225 sobre #941416 1,39:1 No aprobado
Aa #350D24 sobre #681225 1,38:1 No aprobado
Aa #1C0818 sobre #4C1026 1,28:1 No aprobado
Aa #4C1026 sobre #681225 1,21:1 No aprobado
Aa #681225 sobre #810E23 1,19:1 No aprobado
Aa #810E23 sobre #941416 1,17:1 No aprobado
Aa #350D24 sobre #4C1026 1,14:1 No aprobado
Aa #1C0818 sobre #350D24 1,12:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores