Registrarse Registrarse
Lord Of The Maps

Lord Of The Maps

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Lord Of The Maps

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía análoga

Editar
Colores terrosos 8 colores Colores cálidos Tonos oscuros Armonía análoga map 8colors fantasy lotr
Me gusta 137
Colores 8

Variables CSS

:root {
  --c-earthy-1: #C0C188;
  --c-earthy-2: #A09878;
  --c-earthy-3: #526143;
  --c-earthy-4: #272910;
  --c-earthy-5: #866350;
  --c-earthy-6: #823F3A;
  --c-earthy-7: #432015;
  --c-earthy-8: #1C1009;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Kiss a Frog (#C0C188), su tono más claro, a Crowshead (#1C1009), el más oscuro. Combina Kiss a Frog, A Frond in Need, Cub Scout, Black Mesa, How Now, Russet Brown, Longan’s Kernel y Crowshead en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #C0C188 sobre #1C1009, con 9,96: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

Kiss a Frog #C0C188
RGB
rgb(192, 193, 136)
HSL
hsl(61, 31%, 65%)
Luminancia
0,511
A Frond in Need #A09878
RGB
rgb(160, 152, 120)
HSL
hsl(48, 17%, 55%)
Luminancia
0,313
Cub Scout #526143
RGB
rgb(82, 97, 67)
HSL
hsl(90, 18%, 32%)
Luminancia
0,108
Black Mesa #272910
RGB
rgb(39, 41, 16)
HSL
hsl(65, 44%, 11%)
Luminancia
0,021
How Now #866350
RGB
rgb(134, 99, 80)
HSL
hsl(21, 25%, 42%)
Luminancia
0,146
Russet Brown #823F3A
RGB
rgb(130, 63, 58)
HSL
hsl(4, 38%, 37%)
Luminancia
0,086
Longan’s Kernel #432015
RGB
rgb(67, 32, 21)
HSL
hsl(14, 52%, 17%)
Luminancia
0,023
Crowshead #1C1009
RGB
rgb(28, 16, 9)
HSL
hsl(22, 51%, 7%)
Luminancia
0,006

Contraste y accesibilidad

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

Aa #C0C188 sobre #1C1009 9,96:1 AAA
Aa #C0C188 sobre #272910 7,96:1 AAA
Aa #C0C188 sobre #432015 7,71:1 AAA
Aa #A09878 sobre #1C1009 6,44:1 AA
Aa #A09878 sobre #272910 5,14:1 AA
Aa #A09878 sobre #432015 4,98:1 AA
Aa #C0C188 sobre #823F3A 4,12:1 AA, texto grande
Aa #C0C188 sobre #526143 3,56:1 AA, texto grande
Aa #866350 sobre #1C1009 3,47:1 AA, texto grande
Aa #C0C188 sobre #866350 2,87:1 No aprobado
Aa #526143 sobre #1C1009 2,79:1 No aprobado
Aa #272910 sobre #866350 2,77:1 No aprobado
Aa #866350 sobre #432015 2,69:1 No aprobado
Aa #A09878 sobre #823F3A 2,67:1 No aprobado
Aa #823F3A sobre #1C1009 2,41:1 No aprobado
Aa #A09878 sobre #526143 2,30:1 No aprobado
Aa #526143 sobre #272910 2,23:1 No aprobado
Aa #526143 sobre #432015 2,16:1 No aprobado
Aa #272910 sobre #823F3A 1,93:1 No aprobado
Aa #823F3A sobre #432015 1,87:1 No aprobado
Aa #A09878 sobre #866350 1,85:1 No aprobado
Aa #C0C188 sobre #A09878 1,55:1 No aprobado
Aa #866350 sobre #823F3A 1,44:1 No aprobado
Aa #432015 sobre #1C1009 1,29:1 No aprobado
Aa #272910 sobre #1C1009 1,25:1 No aprobado
Aa #526143 sobre #866350 1,24:1 No aprobado
Aa #526143 sobre #823F3A 1,16:1 No aprobado
Aa #272910 sobre #432015 1,03: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