Registrarse Registrarse
Blood Moon

Blood Moon

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

Volver a la biblioteca

Blood Moon

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 6colors singleramp
Me gusta 36
Colores 6

Variables CSS

:root {
  --c-muted-1: #240124;
  --c-muted-2: #3D0234;
  --c-muted-3: #6D0355;
  --c-muted-4: #92055E;
  --c-muted-5: #B60B53;
  --c-muted-6: #DB123C;
}

Sobre esta paleta

Esta paleta de 6 colores apagados va de Wild Rider Red (#DB123C), su tono más claro, a Black Sabbath (#240124), el más oscuro. Combina Black Sabbath, Greek Aubergine, Rich Purple, Cardinal Pink, Velvet Magic y Wild Rider 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

Black Sabbath #240124
RGB
rgb(36, 1, 36)
HSL
hsl(300, 95%, 7%)
Luminancia
0,005
Greek Aubergine #3D0234
RGB
rgb(61, 2, 52)
HSL
hsl(309, 94%, 12%)
Luminancia
0,013
Rich Purple #6D0355
RGB
rgb(109, 3, 85)
HSL
hsl(314, 95%, 22%)
Luminancia
0,040
Cardinal Pink #92055E
RGB
rgb(146, 5, 94)
HSL
hsl(322, 93%, 30%)
Luminancia
0,070
Velvet Magic #B60B53
RGB
rgb(182, 11, 83)
HSL
hsl(335, 89%, 38%)
Luminancia
0,108
Wild Rider Red #DB123C
RGB
rgb(219, 18, 60)
HSL
hsl(347, 85%, 46%)
Luminancia
0,158

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 #240124 sobre #DB123C 3,77:1 AA, texto grande
Aa #3D0234 sobre #DB123C 3,31:1 AA, texto grande
Aa #240124 sobre #B60B53 2,86:1 No aprobado
Aa #3D0234 sobre #B60B53 2,52:1 No aprobado
Aa #6D0355 sobre #DB123C 2,32:1 No aprobado
Aa #240124 sobre #92055E 2,18:1 No aprobado
Aa #3D0234 sobre #92055E 1,91:1 No aprobado
Aa #6D0355 sobre #B60B53 1,76:1 No aprobado
Aa #92055E sobre #DB123C 1,73:1 No aprobado
Aa #240124 sobre #6D0355 1,62:1 No aprobado
Aa #3D0234 sobre #6D0355 1,43:1 No aprobado
Aa #6D0355 sobre #92055E 1,34:1 No aprobado
Aa #B60B53 sobre #DB123C 1,32:1 No aprobado
Aa #92055E sobre #B60B53 1,31:1 No aprobado
Aa #240124 sobre #3D0234 1,14: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