Registrarse Registrarse
BitByBit_

BitByBit_

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

BitByBit_

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía análoga pixelart unity itchio
Me gusta 12
Colores 12

Variables CSS

:root {
  --c-earthy-1: #F2E6D8;
  --c-earthy-2: #1A1A1A;
  --c-earthy-3: #80363D;
  --c-earthy-4: #9A9AA6;
  --c-earthy-5: #6F6980;
  --c-earthy-6: #CC5D49;
  --c-earthy-7: #E69A38;
  --c-earthy-8: #F2CA5A;
  --c-earthy-9: #848C4D;
  --c-earthy-10: #40663E;
  --c-earthy-11: #805280;
  --c-earthy-12: #487A99;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Ballet White (#F2E6D8), su tono más claro, a Eerie Black (#1A1A1A), el más oscuro. Combina Ballet White, Eerie Black, Red Pear, Dame Dignity, Hyacinth Arbour, Grand Duke, Culpeo, Dancing Daisy, Enough Is Enough, Friendly Fairway, Thistle Mauve y Antarctic Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F2E6D8 sobre #1A1A1A, con 14,16: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

Ballet White #F2E6D8
RGB
rgb(242, 230, 216)
HSL
hsl(32, 50%, 90%)
Luminancia
0,804
Eerie Black #1A1A1A
RGB
rgb(26, 26, 26)
HSL
hsl(0, 0%, 10%)
Luminancia
0,010
Red Pear #80363D
RGB
rgb(128, 54, 61)
HSL
hsl(354, 41%, 36%)
Luminancia
0,076
Dame Dignity #9A9AA6
RGB
rgb(154, 154, 166)
HSL
hsl(240, 6%, 63%)
Luminancia
0,327
Hyacinth Arbour #6F6980
RGB
rgb(111, 105, 128)
HSL
hsl(256, 10%, 46%)
Luminancia
0,150
Grand Duke #CC5D49
RGB
rgb(204, 93, 73)
HSL
hsl(9, 56%, 54%)
Luminancia
0,212
Culpeo #E69A38
RGB
rgb(230, 154, 56)
HSL
hsl(34, 78%, 56%)
Luminancia
0,402
Dancing Daisy #F2CA5A
RGB
rgb(242, 202, 90)
HSL
hsl(44, 85%, 65%)
Luminancia
0,619
Enough Is Enough #848C4D
RGB
rgb(132, 140, 77)
HSL
hsl(68, 29%, 43%)
Luminancia
0,242
Friendly Fairway #40663E
RGB
rgb(64, 102, 62)
HSL
hsl(117, 24%, 32%)
Luminancia
0,109
Thistle Mauve #805280
RGB
rgb(128, 82, 128)
HSL
hsl(300, 22%, 41%)
Luminancia
0,122
Antarctic Blue #487A99
RGB
rgb(72, 122, 153)
HSL
hsl(203, 36%, 44%)
Luminancia
0,176

Contraste y accesibilidad

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

Aa #F2E6D8 sobre #1A1A1A 14,16:1 AAA
Aa #1A1A1A sobre #F2CA5A 11,08:1 AAA
Aa #1A1A1A sobre #E69A38 7,50:1 AAA
Aa #F2E6D8 sobre #80363D 6,80:1 AA
Aa #1A1A1A sobre #9A9AA6 6,25:1 AA
Aa #F2E6D8 sobre #40663E 5,36:1 AA
Aa #80363D sobre #F2CA5A 5,32:1 AA
Aa #F2E6D8 sobre #805280 4,97:1 AA
Aa #1A1A1A sobre #848C4D 4,84:1 AA
Aa #1A1A1A sobre #CC5D49 4,33:1 AA, texto grande
Aa #F2E6D8 sobre #6F6980 4,26:1 AA, texto grande
Aa #F2CA5A sobre #40663E 4,19:1 AA, texto grande
Aa #F2CA5A sobre #805280 3,89:1 AA, texto grande
Aa #F2E6D8 sobre #487A99 3,78:1 AA, texto grande
Aa #1A1A1A sobre #487A99 3,75:1 AA, texto grande
Aa #80363D sobre #E69A38 3,60:1 AA, texto grande
Aa #6F6980 sobre #F2CA5A 3,34:1 AA, texto grande
Aa #1A1A1A sobre #6F6980 3,32:1 AA, texto grande
Aa #F2E6D8 sobre #CC5D49 3,27:1 AA, texto grande
Aa #80363D sobre #9A9AA6 3,00:1 AA, texto grande
Aa #F2CA5A sobre #487A99 2,96:1 No aprobado
Aa #F2E6D8 sobre #848C4D 2,93:1 No aprobado
Aa #1A1A1A sobre #805280 2,85:1 No aprobado
Aa #E69A38 sobre #40663E 2,84:1 No aprobado
Aa #1A1A1A sobre #40663E 2,64:1 No aprobado
Aa #E69A38 sobre #805280 2,63:1 No aprobado
Aa #CC5D49 sobre #F2CA5A 2,56:1 No aprobado
Aa #9A9AA6 sobre #40663E 2,37:1 No aprobado
Aa #80363D sobre #848C4D 2,32:1 No aprobado
Aa #F2CA5A sobre #848C4D 2,29:1 No aprobado
Aa #F2E6D8 sobre #9A9AA6 2,26:1 No aprobado
Aa #6F6980 sobre #E69A38 2,26:1 No aprobado
Aa #9A9AA6 sobre #805280 2,20:1 No aprobado
Aa #1A1A1A sobre #80363D 2,08:1 No aprobado
Aa #80363D sobre #CC5D49 2,08:1 No aprobado
Aa #E69A38 sobre #487A99 2,00:1 No aprobado
Aa #F2E6D8 sobre #E69A38 1,89:1 No aprobado
Aa #9A9AA6 sobre #6F6980 1,88:1 No aprobado
Aa #848C4D sobre #40663E 1,83:1 No aprobado
Aa #80363D sobre #487A99 1,80:1 No aprobado
Aa #9A9AA6 sobre #F2CA5A 1,77:1 No aprobado
Aa #CC5D49 sobre #E69A38 1,73:1 No aprobado
Aa #848C4D sobre #805280 1,70:1 No aprobado
Aa #9A9AA6 sobre #487A99 1,67:1 No aprobado
Aa #CC5D49 sobre #40663E 1,64:1 No aprobado
Aa #80363D sobre #6F6980 1,60:1 No aprobado
Aa #E69A38 sobre #848C4D 1,55:1 No aprobado
Aa #CC5D49 sobre #805280 1,52:1 No aprobado
Aa #E69A38 sobre #F2CA5A 1,48:1 No aprobado
Aa #6F6980 sobre #848C4D 1,46:1 No aprobado
Aa #9A9AA6 sobre #CC5D49 1,44:1 No aprobado
Aa #40663E sobre #487A99 1,42:1 No aprobado
Aa #80363D sobre #805280 1,37:1 No aprobado
Aa #805280 sobre #487A99 1,32:1 No aprobado
Aa #6F6980 sobre #CC5D49 1,30:1 No aprobado
Aa #9A9AA6 sobre #848C4D 1,29:1 No aprobado
Aa #848C4D sobre #487A99 1,29:1 No aprobado
Aa #F2E6D8 sobre #F2CA5A 1,28:1 No aprobado
Aa #80363D sobre #40663E 1,27:1 No aprobado
Aa #6F6980 sobre #40663E 1,26:1 No aprobado
Aa #9A9AA6 sobre #E69A38 1,20:1 No aprobado
Aa #6F6980 sobre #805280 1,17:1 No aprobado
Aa #CC5D49 sobre #487A99 1,16:1 No aprobado
Aa #6F6980 sobre #487A99 1,13:1 No aprobado
Aa #CC5D49 sobre #848C4D 1,12:1 No aprobado
Aa #40663E sobre #805280 1,08: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