Registrarse Registrarse
Oil Oak

Oil Oak

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

Volver a la biblioteca

Oil Oak

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

Editar
Colores apagados 4 colores Colores neutros Tonos oscuros Armonía complementaria dark polyphrog oil
Me gusta 153
Colores 4

Variables CSS

:root {
  --c-muted-1: #090110;
  --c-muted-2: #1A1E25;
  --c-muted-3: #3D3E32;
  --c-muted-4: #6F653D;
}

Sobre esta paleta

Esta paleta de 4 colores apagados va de Yellow Metal (#6F653D), su tono más claro, a Broken Tube (#090110), el más oscuro. Combina Broken Tube, Coarse Wool, Scrub y Yellow Metal en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 6 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

Broken Tube #090110
RGB
rgb(9, 1, 16)
HSL
hsl(272, 88%, 3%)
Luminancia
0,001
Coarse Wool #1A1E25
RGB
rgb(26, 30, 37)
HSL
hsl(218, 17%, 12%)
Luminancia
0,013
Scrub #3D3E32
RGB
rgb(61, 62, 50)
HSL
hsl(65, 11%, 22%)
Luminancia
0,047
Yellow Metal #6F653D
RGB
rgb(111, 101, 61)
HSL
hsl(48, 29%, 34%)
Luminancia
0,130

Contraste y accesibilidad

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

Aa #090110 sobre #6F653D 3,52:1 AA, texto grande
Aa #1A1E25 sobre #6F653D 2,87:1 No aprobado
Aa #090110 sobre #3D3E32 1,89:1 No aprobado
Aa #3D3E32 sobre #6F653D 1,86:1 No aprobado
Aa #1A1E25 sobre #3D3E32 1,54:1 No aprobado
Aa #090110 sobre #1A1E25 1,23: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