Registrarse Registrarse
Jm

Jm

Paleta de 4 colores · Colores neutros · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Jm

Paleta de 4 colores · Colores neutros · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 4 colores Colores neutros Tonos oscuros Armonía complementaria
Me gusta 16
Colores 4

Variables CSS

:root {
  --c-muted-1: #1A0438;
  --c-muted-2: #1C585F;
  --c-muted-3: #5B7324;
  --c-muted-4: #C19A5C;
}

Sobre esta paleta

Esta paleta de 4 colores apagados va de Townhouse Tan (#C19A5C), su tono más claro, a Quiet Abyss (#1A0438), el más oscuro. Combina Quiet Abyss, Uncharted, Fiji Green y Townhouse Tan en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1A0438 sobre #C19A5C, con 7,19:1.

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

Desglose de colores

Quiet Abyss #1A0438
RGB
rgb(26, 4, 56)
HSL
hsl(265, 87%, 12%)
Luminancia
0,006
Uncharted #1C585F
RGB
rgb(28, 88, 95)
HSL
hsl(186, 54%, 24%)
Luminancia
0,081
Fiji Green #5B7324
RGB
rgb(91, 115, 36)
HSL
hsl(78, 52%, 30%)
Luminancia
0,146
Townhouse Tan #C19A5C
RGB
rgb(193, 154, 92)
HSL
hsl(37, 45%, 56%)
Luminancia
0,352

Contraste y accesibilidad

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

Aa #1A0438 sobre #C19A5C 7,19:1 AAA
Aa #1A0438 sobre #5B7324 3,51:1 AA, texto grande
Aa #1C585F sobre #C19A5C 3,08:1 AA, texto grande
Aa #1A0438 sobre #1C585F 2,33:1 No aprobado
Aa #5B7324 sobre #C19A5C 2,05:1 No aprobado
Aa #1C585F sobre #5B7324 1,50:1 No aprobado

Paletas similares

#000000 #3E065F #700B97 #8E05C2
4 colores
#000000 #150050 #3F0071 #FB2576
4 colores
#000000 #3E432E #616F39 #A7D129
4 colores
#4B5D67 #322F3D #59405C #87556F
4 colores
#18230F #27391C #255F38 #1F7D53
4 colores
#FF5200 #6F0000 #00263B #00A1AB
4 colores
#000000 #0F6292 #16FF00 #FFED00
4 colores
#251D3A #2A2550 #E04D01 #FF7700
4 colores