Registrarse Registrarse
Blackm0ld

Blackm0ld

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Blackm0ld

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Editar
Colores terrosos 8 colores Colores cálidos Tonos oscuros Armonía monocromática black yellow mold black mold
Me gusta 36
Colores 8

Variables CSS

:root {
  --c-earthy-1: #101010;
  --c-earthy-2: #353334;
  --c-earthy-3: #4D4C43;
  --c-earthy-4: #727356;
  --c-earthy-5: #734D25;
  --c-earthy-6: #917421;
  --c-earthy-7: #B58B31;
  --c-earthy-8: #9D9E8A;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Flagstone Quartzite (#9D9E8A), su tono más claro, a Chaos Black (#101010), el más oscuro. Combina Chaos Black, Black Tortoise, Ruskin Bronze, Herb Cornucopia, Chocolate Rain, Mode Beige, Mineral Umber y Flagstone Quartzite en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #101010 sobre #9D9E8A, con 6,97:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Chaos Black #101010
RGB
rgb(16, 16, 16)
HSL
hsl(0, 0%, 6%)
Luminancia
0,005
Black Tortoise #353334
RGB
rgb(53, 51, 52)
HSL
hsl(330, 2%, 20%)
Luminancia
0,034
Ruskin Bronze #4D4C43
RGB
rgb(77, 76, 67)
HSL
hsl(54, 7%, 28%)
Luminancia
0,072
Herb Cornucopia #727356
RGB
rgb(114, 115, 86)
HSL
hsl(62, 14%, 39%)
Luminancia
0,165
Chocolate Rain #734D25
RGB
rgb(115, 77, 37)
HSL
hsl(31, 51%, 30%)
Luminancia
0,091
Mode Beige #917421
RGB
rgb(145, 116, 33)
HSL
hsl(44, 63%, 35%)
Luminancia
0,186
Mineral Umber #B58B31
RGB
rgb(181, 139, 49)
HSL
hsl(41, 57%, 45%)
Luminancia
0,285
Flagstone Quartzite #9D9E8A
RGB
rgb(157, 158, 138)
HSL
hsl(63, 9%, 58%)
Luminancia
0,335

Contraste y accesibilidad

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

Aa #101010 sobre #9D9E8A 6,97:1 AA
Aa #101010 sobre #B58B31 6,07:1 AA
Aa #353334 sobre #9D9E8A 4,59:1 AA
Aa #101010 sobre #917421 4,28:1 AA, texto grande
Aa #353334 sobre #B58B31 4,00:1 AA, texto grande
Aa #101010 sobre #727356 3,90:1 AA, texto grande
Aa #4D4C43 sobre #9D9E8A 3,16:1 AA, texto grande
Aa #353334 sobre #917421 2,82:1 No aprobado
Aa #4D4C43 sobre #B58B31 2,76:1 No aprobado
Aa #734D25 sobre #9D9E8A 2,73:1 No aprobado
Aa #353334 sobre #727356 2,57:1 No aprobado
Aa #101010 sobre #734D25 2,55:1 No aprobado
Aa #734D25 sobre #B58B31 2,38:1 No aprobado
Aa #101010 sobre #4D4C43 2,20:1 No aprobado
Aa #4D4C43 sobre #917421 1,94:1 No aprobado
Aa #727356 sobre #9D9E8A 1,79:1 No aprobado
Aa #4D4C43 sobre #727356 1,77:1 No aprobado
Aa #353334 sobre #734D25 1,68:1 No aprobado
Aa #734D25 sobre #917421 1,68:1 No aprobado
Aa #917421 sobre #9D9E8A 1,63:1 No aprobado
Aa #727356 sobre #B58B31 1,56:1 No aprobado
Aa #727356 sobre #734D25 1,53:1 No aprobado
Aa #101010 sobre #353334 1,52:1 No aprobado
Aa #353334 sobre #4D4C43 1,45:1 No aprobado
Aa #917421 sobre #B58B31 1,42:1 No aprobado
Aa #4D4C43 sobre #734D25 1,16:1 No aprobado
Aa #B58B31 sobre #9D9E8A 1,15:1 No aprobado
Aa #727356 sobre #917421 1,10: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