Registrarse Registrarse
Wheat Field

Wheat Field

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

Volver a la biblioteca

Wheat Field

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

Editar
Colores terrosos 10 colores Colores fríos Tonos mixtos Armonía complementaria warm soft wheat field
Me gusta 197
Colores 10

Variables CSS

:root {
  --c-earthy-1: #97C89B;
  --c-earthy-2: #3E8E92;
  --c-earthy-3: #305472;
  --c-earthy-4: #1C1F2B;
  --c-earthy-5: #2C313C;
  --c-earthy-6: #625E60;
  --c-earthy-7: #999172;
  --c-earthy-8: #DFCD6D;
  --c-earthy-9: #B78F43;
  --c-earthy-10: #895C35;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Pirate Treasure (#DFCD6D), su tono más claro, a Black Howl (#1C1F2B), el más oscuro. Combina Kettle Drum, Blue Chill, Heavy Blue, Black Howl, Diamond Black, Shades On, Gurkha, Pirate Treasure, Venetian Gold y Quiver en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1C1F2B sobre #DFCD6D, con 10,23: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

Kettle Drum #97C89B
RGB
rgb(151, 200, 155)
HSL
hsl(125, 31%, 69%)
Luminancia
0,503
Blue Chill #3E8E92
RGB
rgb(62, 142, 146)
HSL
hsl(183, 40%, 41%)
Luminancia
0,225
Heavy Blue #305472
RGB
rgb(48, 84, 114)
HSL
hsl(207, 41%, 32%)
Luminancia
0,082
Black Howl #1C1F2B
RGB
rgb(28, 31, 43)
HSL
hsl(228, 21%, 14%)
Luminancia
0,014
Diamond Black #2C313C
RGB
rgb(44, 49, 60)
HSL
hsl(221, 15%, 20%)
Luminancia
0,031
Shades On #625E60
RGB
rgb(98, 94, 96)
HSL
hsl(330, 2%, 38%)
Luminancia
0,115
Gurkha #999172
RGB
rgb(153, 145, 114)
HSL
hsl(48, 16%, 52%)
Luminancia
0,282
Pirate Treasure #DFCD6D
RGB
rgb(223, 205, 109)
HSL
hsl(51, 64%, 65%)
Luminancia
0,605
Venetian Gold #B78F43
RGB
rgb(183, 143, 67)
HSL
hsl(39, 46%, 49%)
Luminancia
0,301
Quiver #895C35
RGB
rgb(137, 92, 53)
HSL
hsl(28, 44%, 37%)
Luminancia
0,132

Contraste y accesibilidad

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

Aa #1C1F2B sobre #DFCD6D 10,23:1 AAA
Aa #97C89B sobre #1C1F2B 8,63:1 AAA
Aa #2C313C sobre #DFCD6D 8,12:1 AAA
Aa #97C89B sobre #2C313C 6,86:1 AA
Aa #1C1F2B sobre #B78F43 5,49:1 AA
Aa #1C1F2B sobre #999172 5,19:1 AA
Aa #305472 sobre #DFCD6D 4,96:1 AA
Aa #2C313C sobre #B78F43 4,36:1 AA, texto grande
Aa #3E8E92 sobre #1C1F2B 4,29:1 AA, texto grande
Aa #97C89B sobre #305472 4,19:1 AA, texto grande
Aa #2C313C sobre #999172 4,12:1 AA, texto grande
Aa #625E60 sobre #DFCD6D 3,98:1 AA, texto grande
Aa #DFCD6D sobre #895C35 3,59:1 AA, texto grande
Aa #3E8E92 sobre #2C313C 3,41:1 AA, texto grande
Aa #97C89B sobre #625E60 3,36:1 AA, texto grande
Aa #97C89B sobre #895C35 3,03:1 AA, texto grande
Aa #1C1F2B sobre #895C35 2,85:1 No aprobado
Aa #305472 sobre #B78F43 2,66:1 No aprobado
Aa #1C1F2B sobre #625E60 2,57:1 No aprobado
Aa #305472 sobre #999172 2,52:1 No aprobado
Aa #3E8E92 sobre #DFCD6D 2,38:1 No aprobado
Aa #2C313C sobre #895C35 2,26:1 No aprobado
Aa #625E60 sobre #B78F43 2,14:1 No aprobado
Aa #3E8E92 sobre #305472 2,08:1 No aprobado
Aa #305472 sobre #1C1F2B 2,06:1 No aprobado
Aa #2C313C sobre #625E60 2,04:1 No aprobado
Aa #625E60 sobre #999172 2,02:1 No aprobado
Aa #97C89B sobre #3E8E92 2,01:1 No aprobado
Aa #999172 sobre #DFCD6D 1,97:1 No aprobado
Aa #B78F43 sobre #895C35 1,93:1 No aprobado
Aa #DFCD6D sobre #B78F43 1,86:1 No aprobado
Aa #999172 sobre #895C35 1,82:1 No aprobado
Aa #3E8E92 sobre #625E60 1,67:1 No aprobado
Aa #97C89B sobre #999172 1,66:1 No aprobado
Aa #305472 sobre #2C313C 1,64:1 No aprobado
Aa #97C89B sobre #B78F43 1,57:1 No aprobado
Aa #3E8E92 sobre #895C35 1,51:1 No aprobado
Aa #305472 sobre #895C35 1,38:1 No aprobado
Aa #3E8E92 sobre #B78F43 1,28:1 No aprobado
Aa #1C1F2B sobre #2C313C 1,26:1 No aprobado
Aa #305472 sobre #625E60 1,25:1 No aprobado
Aa #3E8E92 sobre #999172 1,21:1 No aprobado
Aa #97C89B sobre #DFCD6D 1,18:1 No aprobado
Aa #625E60 sobre #895C35 1,11:1 No aprobado
Aa #999172 sobre #B78F43 1,06: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