Registrarse Registrarse
DUMPTRUCK 12

DUMPTRUCK 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

DUMPTRUCK 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 12 colores Colores fríos Tonos mixtos Armonía complementaria cyan fydotiles highcontrast rust
Me gusta 15
Colores 12

Variables CSS

:root {
  --c-earthy-1: #2DD7C9;
  --c-earthy-2: #0074B7;
  --c-earthy-3: #4C3380;
  --c-earthy-4: #3E002E;
  --c-earthy-5: #110000;
  --c-earthy-6: #4F4F4F;
  --c-earthy-7: #9E9E9E;
  --c-earthy-8: #F0F0F0;
  --c-earthy-9: #FFD170;
  --c-earthy-10: #C97636;
  --c-earthy-11: #A14D3F;
  --c-earthy-12: #82674A;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Snowflake (#F0F0F0), su tono más claro, a Dark Matter (#110000), el más oscuro. Combina Turquoise Panic, Biloxi Blue, Galactic Compass, Dark Sanctuary, Dark Matter, Black Oak, Mortar Grey, Snowflake, Banana Bread, October, Arabian Red y Twilight Jungle en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #110000 sobre #F0F0F0, con 18: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

Turquoise Panic #2DD7C9
RGB
rgb(45, 215, 201)
HSL
hsl(175, 68%, 51%)
Luminancia
0,534
Biloxi Blue #0074B7
RGB
rgb(0, 116, 183)
HSL
hsl(202, 100%, 36%)
Luminancia
0,159
Galactic Compass #4C3380
RGB
rgb(76, 51, 128)
HSL
hsl(259, 43%, 35%)
Luminancia
0,055
Dark Sanctuary #3E002E
RGB
rgb(62, 0, 46)
HSL
hsl(315, 100%, 12%)
Luminancia
0,012
Dark Matter #110000
RGB
rgb(17, 0, 0)
HSL
hsl(0, 100%, 3%)
Luminancia
0,001
Black Oak #4F4F4F
RGB
rgb(79, 79, 79)
HSL
hsl(0, 0%, 31%)
Luminancia
0,078
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Luminancia
0,342
Snowflake #F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
Luminancia
0,871
Banana Bread #FFD170
RGB
rgb(255, 209, 112)
HSL
hsl(41, 100%, 72%)
Luminancia
0,680
October #C97636
RGB
rgb(201, 118, 54)
HSL
hsl(26, 58%, 50%)
Luminancia
0,256
Arabian Red #A14D3F
RGB
rgb(161, 77, 63)
HSL
hsl(9, 44%, 44%)
Luminancia
0,132
Twilight Jungle #82674A
RGB
rgb(130, 103, 74)
HSL
hsl(31, 27%, 40%)
Luminancia
0,149

Contraste y accesibilidad

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

Aa #110000 sobre #F0F0F0 18,00:1 AAA
Aa #3E002E sobre #F0F0F0 14,81:1 AAA
Aa #110000 sobre #FFD170 14,27:1 AAA
Aa #3E002E sobre #FFD170 11,74:1 AAA
Aa #2DD7C9 sobre #110000 11,40:1 AAA
Aa #2DD7C9 sobre #3E002E 9,38:1 AAA
Aa #4C3380 sobre #F0F0F0 8,81:1 AAA
Aa #110000 sobre #9E9E9E 7,66:1 AAA
Aa #4F4F4F sobre #F0F0F0 7,19:1 AAA
Aa #4C3380 sobre #FFD170 6,98:1 AA
Aa #3E002E sobre #9E9E9E 6,30:1 AA
Aa #110000 sobre #C97636 5,99:1 AA
Aa #4F4F4F sobre #FFD170 5,70:1 AA
Aa #2DD7C9 sobre #4C3380 5,58:1 AA
Aa #F0F0F0 sobre #A14D3F 5,05:1 AA
Aa #3E002E sobre #C97636 4,93:1 AA
Aa #F0F0F0 sobre #82674A 4,62:1 AA
Aa #2DD7C9 sobre #4F4F4F 4,55:1 AA
Aa #0074B7 sobre #F0F0F0 4,41:1 AA, texto grande
Aa #0074B7 sobre #110000 4,08:1 AA, texto grande
Aa #FFD170 sobre #A14D3F 4,00:1 AA, texto grande
Aa #110000 sobre #82674A 3,90:1 AA, texto grande
Aa #4C3380 sobre #9E9E9E 3,75:1 AA, texto grande
Aa #FFD170 sobre #82674A 3,66:1 AA, texto grande
Aa #110000 sobre #A14D3F 3,56:1 AA, texto grande
Aa #0074B7 sobre #FFD170 3,49:1 AA, texto grande
Aa #0074B7 sobre #3E002E 3,36:1 AA, texto grande
Aa #3E002E sobre #82674A 3,21:1 AA, texto grande
Aa #2DD7C9 sobre #A14D3F 3,20:1 AA, texto grande
Aa #4F4F4F sobre #9E9E9E 3,06:1 AA, texto grande
Aa #F0F0F0 sobre #C97636 3,01:1 AA, texto grande
Aa #2DD7C9 sobre #82674A 2,93:1 No aprobado
Aa #4C3380 sobre #C97636 2,93:1 No aprobado
Aa #3E002E sobre #A14D3F 2,93:1 No aprobado
Aa #2DD7C9 sobre #0074B7 2,79:1 No aprobado
Aa #110000 sobre #4F4F4F 2,50:1 No aprobado
Aa #4F4F4F sobre #C97636 2,39:1 No aprobado
Aa #FFD170 sobre #C97636 2,38:1 No aprobado
Aa #9E9E9E sobre #F0F0F0 2,35:1 No aprobado
Aa #9E9E9E sobre #A14D3F 2,15:1 No aprobado
Aa #3E002E sobre #4F4F4F 2,06:1 No aprobado
Aa #4C3380 sobre #110000 2,04:1 No aprobado
Aa #0074B7 sobre #4C3380 2,00:1 No aprobado
Aa #9E9E9E sobre #82674A 1,97:1 No aprobado
Aa #2DD7C9 sobre #C97636 1,91:1 No aprobado
Aa #4C3380 sobre #82674A 1,91:1 No aprobado
Aa #0074B7 sobre #9E9E9E 1,87:1 No aprobado
Aa #9E9E9E sobre #FFD170 1,86:1 No aprobado
Aa #4C3380 sobre #A14D3F 1,74:1 No aprobado
Aa #4C3380 sobre #3E002E 1,68:1 No aprobado
Aa #C97636 sobre #A14D3F 1,68:1 No aprobado
Aa #0074B7 sobre #4F4F4F 1,63:1 No aprobado
Aa #2DD7C9 sobre #F0F0F0 1,58:1 No aprobado
Aa #4F4F4F sobre #82674A 1,56:1 No aprobado
Aa #C97636 sobre #82674A 1,54:1 No aprobado
Aa #2DD7C9 sobre #9E9E9E 1,49:1 No aprobado
Aa #0074B7 sobre #C97636 1,47:1 No aprobado
Aa #4F4F4F sobre #A14D3F 1,42:1 No aprobado
Aa #9E9E9E sobre #C97636 1,28:1 No aprobado
Aa #F0F0F0 sobre #FFD170 1,26:1 No aprobado
Aa #2DD7C9 sobre #FFD170 1,25:1 No aprobado
Aa #4C3380 sobre #4F4F4F 1,23:1 No aprobado
Aa #3E002E sobre #110000 1,22:1 No aprobado
Aa #0074B7 sobre #A14D3F 1,15:1 No aprobado
Aa #A14D3F sobre #82674A 1,09:1 No aprobado
Aa #0074B7 sobre #82674A 1,05:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores