Registrarse Registrarse
Finlal 11

Finlal 11

Paleta de 11 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Finlal 11

Paleta de 11 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 11 colores Colores neutros Tonos mixtos Armonía complementaria artist pjcolorcomp11 pjcolorcomp
Me gusta 5
Colores 11

Variables CSS

:root {
  --c-earthy-1: #171419;
  --c-earthy-2: #530C1E;
  --c-earthy-3: #223555;
  --c-earthy-4: #AF3451;
  --c-earthy-5: #3B6688;
  --c-earthy-6: #238433;
  --c-earthy-7: #9F8474;
  --c-earthy-8: #889EB7;
  --c-earthy-9: #BDA0BC;
  --c-earthy-10: #CBC990;
  --c-earthy-11: #E4E5F1;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Lavender Syrup (#E4E5F1), su tono más claro, a Dark Void (#171419), el más oscuro. Combina Dark Void, Maroon Oak, Boatswain, Raspberry Wine, Mississippi River, Gorgeous Green, Wood Lake, Astro Bound, Leek Blossom Pink, Creamy Spinaci y Lavender Syrup en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #171419 sobre #E4E5F1, con 14,58: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 Void #171419
RGB
rgb(23, 20, 25)
HSL
hsl(276, 11%, 9%)
Luminancia
0,008
Maroon Oak #530C1E
RGB
rgb(83, 12, 30)
HSL
hsl(345, 75%, 19%)
Luminancia
0,022
Boatswain #223555
RGB
rgb(34, 53, 85)
HSL
hsl(218, 43%, 23%)
Luminancia
0,035
Raspberry Wine #AF3451
RGB
rgb(175, 52, 81)
HSL
hsl(346, 54%, 45%)
Luminancia
0,122
Mississippi River #3B6688
RGB
rgb(59, 102, 136)
HSL
hsl(206, 39%, 38%)
Luminancia
0,122
Gorgeous Green #238433
RGB
rgb(35, 132, 51)
HSL
hsl(130, 58%, 33%)
Luminancia
0,171
Wood Lake #9F8474
RGB
rgb(159, 132, 116)
HSL
hsl(22, 18%, 54%)
Luminancia
0,251
Astro Bound #889EB7
RGB
rgb(136, 158, 183)
HSL
hsl(212, 25%, 63%)
Luminancia
0,331
Leek Blossom Pink #BDA0BC
RGB
rgb(189, 160, 188)
HSL
hsl(302, 18%, 68%)
Luminancia
0,396
Creamy Spinaci #CBC990
RGB
rgb(203, 201, 144)
HSL
hsl(58, 36%, 68%)
Luminancia
0,565
Lavender Syrup #E4E5F1
RGB
rgb(228, 229, 241)
HSL
hsl(235, 32%, 92%)
Luminancia
0,789

Contraste y accesibilidad

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

Aa #171419 sobre #E4E5F1 14,58:1 AAA
Aa #530C1E sobre #E4E5F1 11,66:1 AAA
Aa #171419 sobre #CBC990 10,69:1 AAA
Aa #223555 sobre #E4E5F1 9,82:1 AAA
Aa #530C1E sobre #CBC990 8,54:1 AAA
Aa #171419 sobre #BDA0BC 7,75:1 AAA
Aa #223555 sobre #CBC990 7,20:1 AAA
Aa #171419 sobre #889EB7 6,62:1 AA
Aa #530C1E sobre #BDA0BC 6,20:1 AA
Aa #530C1E sobre #889EB7 5,30:1 AA
Aa #171419 sobre #9F8474 5,24:1 AA
Aa #223555 sobre #BDA0BC 5,22:1 AA
Aa #AF3451 sobre #E4E5F1 4,89:1 AA
Aa #3B6688 sobre #E4E5F1 4,87:1 AA
Aa #223555 sobre #889EB7 4,46:1 AA, texto grande
Aa #530C1E sobre #9F8474 4,19:1 AA, texto grande
Aa #171419 sobre #238433 3,84:1 AA, texto grande
Aa #238433 sobre #E4E5F1 3,80:1 AA, texto grande
Aa #AF3451 sobre #CBC990 3,58:1 AA, texto grande
Aa #3B6688 sobre #CBC990 3,57:1 AA, texto grande
Aa #223555 sobre #9F8474 3,53:1 AA, texto grande
Aa #530C1E sobre #238433 3,07:1 AA, texto grande
Aa #171419 sobre #3B6688 2,99:1 No aprobado
Aa #171419 sobre #AF3451 2,98:1 No aprobado
Aa #238433 sobre #CBC990 2,78:1 No aprobado
Aa #9F8474 sobre #E4E5F1 2,78:1 No aprobado
Aa #AF3451 sobre #BDA0BC 2,60:1 No aprobado
Aa #223555 sobre #238433 2,59:1 No aprobado
Aa #3B6688 sobre #BDA0BC 2,59:1 No aprobado
Aa #530C1E sobre #AF3451 2,39:1 No aprobado
Aa #530C1E sobre #3B6688 2,39:1 No aprobado
Aa #AF3451 sobre #889EB7 2,22:1 No aprobado
Aa #3B6688 sobre #889EB7 2,21:1 No aprobado
Aa #889EB7 sobre #E4E5F1 2,20:1 No aprobado
Aa #9F8474 sobre #CBC990 2,04:1 No aprobado
Aa #238433 sobre #BDA0BC 2,02:1 No aprobado
Aa #223555 sobre #AF3451 2,01:1 No aprobado
Aa #223555 sobre #3B6688 2,01:1 No aprobado
Aa #BDA0BC sobre #E4E5F1 1,88:1 No aprobado
Aa #AF3451 sobre #9F8474 1,76:1 No aprobado
Aa #3B6688 sobre #9F8474 1,75:1 No aprobado
Aa #238433 sobre #889EB7 1,72:1 No aprobado
Aa #889EB7 sobre #CBC990 1,61:1 No aprobado
Aa #171419 sobre #223555 1,48:1 No aprobado
Aa #9F8474 sobre #BDA0BC 1,48:1 No aprobado
Aa #BDA0BC sobre #CBC990 1,38:1 No aprobado
Aa #238433 sobre #9F8474 1,36:1 No aprobado
Aa #CBC990 sobre #E4E5F1 1,36:1 No aprobado
Aa #AF3451 sobre #238433 1,29:1 No aprobado
Aa #3B6688 sobre #238433 1,28:1 No aprobado
Aa #9F8474 sobre #889EB7 1,26:1 No aprobado
Aa #171419 sobre #530C1E 1,25:1 No aprobado
Aa #530C1E sobre #223555 1,19:1 No aprobado
Aa #889EB7 sobre #BDA0BC 1,17:1 No aprobado
Aa #AF3451 sobre #3B6688 1,00:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores