Registrarse Registrarse
Mahyellaw '22

Mahyellaw '22

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

Volver a la biblioteca

Mahyellaw '22

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

Editar
Colores terrosos 8 colores Colores neutros Tonos oscuros Armonía complementaria warm old retro
Me gusta 146
Colores 8

Variables CSS

:root {
  --c-earthy-1: #060B11;
  --c-earthy-2: #0C1023;
  --c-earthy-3: #10182E;
  --c-earthy-4: #182634;
  --c-earthy-5: #5E1A20;
  --c-earthy-6: #8D402F;
  --c-earthy-7: #BE794F;
  --c-earthy-8: #E3B47A;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de High Plateau (#E3B47A), su tono más claro, a Dark Rift (#060B11), el más oscuro. Combina Dark Rift, Corbeau, Liberty Blue, Abyssal Anchorfish Blue, Red Oxide, Carmen Miranda, Rakuda Brown y High Plateau en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #060B11 sobre #E3B47A, con 10,41: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

Dark Rift #060B11
RGB
rgb(6, 11, 17)
HSL
hsl(213, 48%, 5%)
Luminancia
0,003
Corbeau #0C1023
RGB
rgb(12, 16, 35)
HSL
hsl(230, 49%, 9%)
Luminancia
0,006
Liberty Blue #10182E
RGB
rgb(16, 24, 46)
HSL
hsl(224, 48%, 12%)
Luminancia
0,010
Abyssal Anchorfish Blue #182634
RGB
rgb(24, 38, 52)
HSL
hsl(210, 37%, 15%)
Luminancia
0,018
Red Oxide #5E1A20
RGB
rgb(94, 26, 32)
HSL
hsl(355, 57%, 24%)
Luminancia
0,032
Carmen Miranda #8D402F
RGB
rgb(141, 64, 47)
HSL
hsl(11, 50%, 37%)
Luminancia
0,095
Rakuda Brown #BE794F
RGB
rgb(190, 121, 79)
HSL
hsl(23, 46%, 53%)
Luminancia
0,252
High Plateau #E3B47A
RGB
rgb(227, 180, 122)
HSL
hsl(33, 65%, 68%)
Luminancia
0,504

Contraste y accesibilidad

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

Aa #060B11 sobre #E3B47A 10,41:1 AAA
Aa #0C1023 sobre #E3B47A 9,94:1 AAA
Aa #10182E sobre #E3B47A 9,29:1 AAA
Aa #182634 sobre #E3B47A 8,11:1 AAA
Aa #5E1A20 sobre #E3B47A 6,73:1 AA
Aa #060B11 sobre #BE794F 5,68:1 AA
Aa #0C1023 sobre #BE794F 5,42:1 AA
Aa #10182E sobre #BE794F 5,06:1 AA
Aa #182634 sobre #BE794F 4,42:1 AA, texto grande
Aa #8D402F sobre #E3B47A 3,81:1 AA, texto grande
Aa #5E1A20 sobre #BE794F 3,67:1 AA, texto grande
Aa #060B11 sobre #8D402F 2,73:1 No aprobado
Aa #0C1023 sobre #8D402F 2,61:1 No aprobado
Aa #10182E sobre #8D402F 2,44:1 No aprobado
Aa #182634 sobre #8D402F 2,13:1 No aprobado
Aa #8D402F sobre #BE794F 2,08:1 No aprobado
Aa #BE794F sobre #E3B47A 1,83:1 No aprobado
Aa #5E1A20 sobre #8D402F 1,77:1 No aprobado
Aa #060B11 sobre #5E1A20 1,55:1 No aprobado
Aa #0C1023 sobre #5E1A20 1,48:1 No aprobado
Aa #10182E sobre #5E1A20 1,38:1 No aprobado
Aa #060B11 sobre #182634 1,28:1 No aprobado
Aa #0C1023 sobre #182634 1,23:1 No aprobado
Aa #182634 sobre #5E1A20 1,20:1 No aprobado
Aa #10182E sobre #182634 1,15:1 No aprobado
Aa #060B11 sobre #10182E 1,12:1 No aprobado
Aa #0C1023 sobre #10182E 1,07:1 No aprobado
Aa #060B11 sobre #0C1023 1,05: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