Registrarse Registrarse
Mordfikosz 11

Mordfikosz 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Mordfikosz 11

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía complementaria artist pjcolorcomp11 pjcolorcomp
Me gusta 7
Colores 11

Variables CSS

:root {
  --c-earthy-1: #BE783C;
  --c-earthy-2: #D7AF87;
  --c-earthy-3: #EBEBAF;
  --c-earthy-4: #64AF50;
  --c-earthy-5: #556E6E;
  --c-earthy-6: #3C3C5F;
  --c-earthy-7: #96D2F0;
  --c-earthy-8: #A07DA0;
  --c-earthy-9: #9B4146;
  --c-earthy-10: #46282D;
  --c-earthy-11: #14141E;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Medium Goldenrod (#EBEBAF), su tono más claro, a Kuroi Black (#14141E), el más oscuro. Combina Cray, Porcini, Medium Goldenrod, Shiso Green, Micropolis, Patriot Blue, Slightly Spritzig, Wild Lavender, Reddest Red, Rookwood Dark Red y Kuroi Black 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 #EBEBAF sobre #14141E, con 14,83: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

Cray #BE783C
RGB
rgb(190, 120, 60)
HSL
hsl(28, 52%, 49%)
Luminancia
0,247
Porcini #D7AF87
RGB
rgb(215, 175, 135)
HSL
hsl(30, 50%, 69%)
Luminancia
0,469
Medium Goldenrod #EBEBAF
RGB
rgb(235, 235, 175)
HSL
hsl(60, 60%, 80%)
Luminancia
0,802
Shiso Green #64AF50
RGB
rgb(100, 175, 80)
HSL
hsl(107, 37%, 50%)
Luminancia
0,340
Micropolis #556E6E
RGB
rgb(85, 110, 110)
HSL
hsl(180, 13%, 38%)
Luminancia
0,142
Patriot Blue #3C3C5F
RGB
rgb(60, 60, 95)
HSL
hsl(240, 23%, 30%)
Luminancia
0,050
Slightly Spritzig #96D2F0
RGB
rgb(150, 210, 240)
HSL
hsl(200, 75%, 76%)
Luminancia
0,589
Wild Lavender #A07DA0
RGB
rgb(160, 125, 160)
HSL
hsl(300, 16%, 56%)
Luminancia
0,247
Reddest Red #9B4146
RGB
rgb(155, 65, 70)
HSL
hsl(357, 41%, 43%)
Luminancia
0,112
Rookwood Dark Red #46282D
RGB
rgb(70, 40, 45)
HSL
hsl(350, 27%, 22%)
Luminancia
0,030
Kuroi Black #14141E
RGB
rgb(20, 20, 30)
HSL
hsl(240, 20%, 10%)
Luminancia
0,007

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 #EBEBAF sobre #14141E 14,83:1 AAA
Aa #96D2F0 sobre #14141E 11,12:1 AAA
Aa #EBEBAF sobre #46282D 10,63:1 AAA
Aa #D7AF87 sobre #14141E 9,03:1 AAA
Aa #EBEBAF sobre #3C3C5F 8,50:1 AAA
Aa #96D2F0 sobre #46282D 7,97:1 AAA
Aa #64AF50 sobre #14141E 6,78:1 AA
Aa #D7AF87 sobre #46282D 6,47:1 AA
Aa #3C3C5F sobre #96D2F0 6,37:1 AA
Aa #EBEBAF sobre #9B4146 5,26:1 AA
Aa #D7AF87 sobre #3C3C5F 5,18:1 AA
Aa #BE783C sobre #14141E 5,17:1 AA
Aa #A07DA0 sobre #14141E 5,17:1 AA
Aa #64AF50 sobre #46282D 4,86:1 AA
Aa #EBEBAF sobre #556E6E 4,43:1 AA, texto grande
Aa #96D2F0 sobre #9B4146 3,94:1 AA, texto grande
Aa #64AF50 sobre #3C3C5F 3,89:1 AA, texto grande
Aa #BE783C sobre #46282D 3,71:1 AA, texto grande
Aa #A07DA0 sobre #46282D 3,71:1 AA, texto grande
Aa #556E6E sobre #14141E 3,34:1 AA, texto grande
Aa #556E6E sobre #96D2F0 3,32:1 AA, texto grande
Aa #D7AF87 sobre #9B4146 3,20:1 AA, texto grande
Aa #BE783C sobre #3C3C5F 2,97:1 No aprobado
Aa #3C3C5F sobre #A07DA0 2,96:1 No aprobado
Aa #BE783C sobre #EBEBAF 2,87:1 No aprobado
Aa #EBEBAF sobre #A07DA0 2,87:1 No aprobado
Aa #9B4146 sobre #14141E 2,82:1 No aprobado
Aa #D7AF87 sobre #556E6E 2,70:1 No aprobado
Aa #64AF50 sobre #9B4146 2,41:1 No aprobado
Aa #556E6E sobre #46282D 2,40:1 No aprobado
Aa #EBEBAF sobre #64AF50 2,19:1 No aprobado
Aa #BE783C sobre #96D2F0 2,15:1 No aprobado
Aa #96D2F0 sobre #A07DA0 2,15:1 No aprobado
Aa #64AF50 sobre #556E6E 2,03:1 No aprobado
Aa #9B4146 sobre #46282D 2,02:1 No aprobado
Aa #556E6E sobre #3C3C5F 1,92:1 No aprobado
Aa #BE783C sobre #9B4146 1,83:1 No aprobado
Aa #A07DA0 sobre #9B4146 1,83:1 No aprobado
Aa #BE783C sobre #D7AF87 1,75:1 No aprobado
Aa #D7AF87 sobre #A07DA0 1,75:1 No aprobado
Aa #3C3C5F sobre #14141E 1,74:1 No aprobado
Aa #D7AF87 sobre #EBEBAF 1,64:1 No aprobado
Aa #64AF50 sobre #96D2F0 1,64:1 No aprobado
Aa #3C3C5F sobre #9B4146 1,62:1 No aprobado
Aa #BE783C sobre #556E6E 1,55:1 No aprobado
Aa #556E6E sobre #A07DA0 1,55:1 No aprobado
Aa #46282D sobre #14141E 1,39:1 No aprobado
Aa #D7AF87 sobre #64AF50 1,33:1 No aprobado
Aa #EBEBAF sobre #96D2F0 1,33:1 No aprobado
Aa #BE783C sobre #64AF50 1,31:1 No aprobado
Aa #64AF50 sobre #A07DA0 1,31:1 No aprobado
Aa #3C3C5F sobre #46282D 1,25:1 No aprobado
Aa #D7AF87 sobre #96D2F0 1,23:1 No aprobado
Aa #556E6E sobre #9B4146 1,19:1 No aprobado
Aa #BE783C sobre #A07DA0 1,00:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores