Registrarse Registrarse
Mupix9

Mupix9

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Mupix9

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar
Colores terrosos 9 colores Colores cálidos Tonos oscuros Armonía complementaria orange purple brown gold
Me gusta 102
Colores 9

Variables CSS

:root {
  --c-earthy-1: #1D0D2B;
  --c-earthy-2: #391633;
  --c-earthy-3: #512531;
  --c-earthy-4: #794033;
  --c-earthy-5: #9E7E34;
  --c-earthy-6: #BEC187;
  --c-earthy-7: #66A573;
  --c-earthy-8: #2B7B74;
  --c-earthy-9: #263044;
}

Sobre esta paleta

Esta paleta de 9 colores terrosos va de Kiss a Frog (#BEC187), su tono más claro, a Midnight Monarch (#1D0D2B), el más oscuro. Combina Midnight Monarch, Nightly Voyager, Carambar, Aged Teak, Arlington Bronze, Kiss a Frog, Aqua Forest, Elm y Crow Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1D0D2B sobre #BEC187, con 9,76: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

Midnight Monarch #1D0D2B
RGB
rgb(29, 13, 43)
HSL
hsl(272, 54%, 11%)
Luminancia
0,007
Nightly Voyager #391633
RGB
rgb(57, 22, 51)
HSL
hsl(310, 44%, 15%)
Luminancia
0,017
Carambar #512531
RGB
rgb(81, 37, 49)
HSL
hsl(344, 37%, 23%)
Luminancia
0,033
Aged Teak #794033
RGB
rgb(121, 64, 51)
HSL
hsl(11, 41%, 34%)
Luminancia
0,080
Arlington Bronze #9E7E34
RGB
rgb(158, 126, 52)
HSL
hsl(42, 50%, 41%)
Luminancia
0,224
Kiss a Frog #BEC187
RGB
rgb(190, 193, 135)
HSL
hsl(63, 32%, 64%)
Luminancia
0,508
Aqua Forest #66A573
RGB
rgb(102, 165, 115)
HSL
hsl(132, 26%, 52%)
Luminancia
0,310
Elm #2B7B74
RGB
rgb(43, 123, 116)
HSL
hsl(175, 48%, 33%)
Luminancia
0,159
Crow Black #263044
RGB
rgb(38, 48, 68)
HSL
hsl(220, 28%, 21%)
Luminancia
0,029

Contraste y accesibilidad

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

Aa #1D0D2B sobre #BEC187 9,76:1 AAA
Aa #391633 sobre #BEC187 8,36:1 AAA
Aa #BEC187 sobre #263044 7,03:1 AAA
Aa #512531 sobre #BEC187 6,73:1 AA
Aa #1D0D2B sobre #66A573 6,29:1 AA
Aa #391633 sobre #66A573 5,38:1 AA
Aa #1D0D2B sobre #9E7E34 4,79:1 AA
Aa #66A573 sobre #263044 4,53:1 AA
Aa #512531 sobre #66A573 4,34:1 AA, texto grande
Aa #794033 sobre #BEC187 4,30:1 AA, texto grande
Aa #391633 sobre #9E7E34 4,11:1 AA, texto grande
Aa #1D0D2B sobre #2B7B74 3,66:1 AA, texto grande
Aa #9E7E34 sobre #263044 3,45:1 AA, texto grande
Aa #512531 sobre #9E7E34 3,31:1 AA, texto grande
Aa #391633 sobre #2B7B74 3,13:1 AA, texto grande
Aa #794033 sobre #66A573 2,77:1 No aprobado
Aa #BEC187 sobre #2B7B74 2,67:1 No aprobado
Aa #2B7B74 sobre #263044 2,64:1 No aprobado
Aa #512531 sobre #2B7B74 2,52:1 No aprobado
Aa #1D0D2B sobre #794033 2,27:1 No aprobado
Aa #794033 sobre #9E7E34 2,12:1 No aprobado
Aa #9E7E34 sobre #BEC187 2,03:1 No aprobado
Aa #391633 sobre #794033 1,94:1 No aprobado
Aa #66A573 sobre #2B7B74 1,72:1 No aprobado
Aa #794033 sobre #263044 1,63:1 No aprobado
Aa #794033 sobre #2B7B74 1,61:1 No aprobado
Aa #512531 sobre #794033 1,56:1 No aprobado
Aa #BEC187 sobre #66A573 1,55:1 No aprobado
Aa #1D0D2B sobre #512531 1,45:1 No aprobado
Aa #1D0D2B sobre #263044 1,39:1 No aprobado
Aa #9E7E34 sobre #66A573 1,31:1 No aprobado
Aa #9E7E34 sobre #2B7B74 1,31:1 No aprobado
Aa #391633 sobre #512531 1,24:1 No aprobado
Aa #391633 sobre #263044 1,19:1 No aprobado
Aa #1D0D2B sobre #391633 1,17:1 No aprobado
Aa #512531 sobre #263044 1,04: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