Registrarse Registrarse
GZXP

GZXP

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

Volver a la biblioteca

GZXP

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

Editar
Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía triádica artist grafxkid
Me gusta 12
Colores 11

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #AD9BA8;
  --c-earthy-3: #F3EAD7;
  --c-earthy-4: #9F253F;
  --c-earthy-5: #DA6252;
  --c-earthy-6: #AA7C14;
  --c-earthy-7: #E8CA00;
  --c-earthy-8: #006A14;
  --c-earthy-9: #0EAF03;
  --c-earthy-10: #1F1DAF;
  --c-earthy-11: #4458D6;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Privileged (#F3EAD7), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Laylock, Privileged, Velvet Cake, Track and Field, Brazen, Wild Honey, Zelyony Green, Always Greener Grass, Sapphire Splendour y Warm Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #F3EAD7, con 17,56: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Laylock #AD9BA8
RGB
rgb(173, 155, 168)
HSL
hsl(317, 10%, 64%)
Luminancia
0,352
Privileged #F3EAD7
RGB
rgb(243, 234, 215)
HSL
hsl(41, 54%, 90%)
Luminancia
0,828
Velvet Cake #9F253F
RGB
rgb(159, 37, 63)
HSL
hsl(347, 62%, 38%)
Luminancia
0,091
Track and Field #DA6252
RGB
rgb(218, 98, 82)
HSL
hsl(7, 65%, 59%)
Luminancia
0,243
Brazen #AA7C14
RGB
rgb(170, 124, 20)
HSL
hsl(42, 79%, 37%)
Luminancia
0,230
Wild Honey #E8CA00
RGB
rgb(232, 202, 0)
HSL
hsl(52, 100%, 45%)
Luminancia
0,594
Zelyony Green #006A14
RGB
rgb(0, 106, 20)
HSL
hsl(131, 100%, 21%)
Luminancia
0,104
Always Greener Grass #0EAF03
RGB
rgb(14, 175, 3)
HSL
hsl(116, 97%, 35%)
Luminancia
0,308
Sapphire Splendour #1F1DAF
RGB
rgb(31, 29, 175)
HSL
hsl(241, 72%, 40%)
Luminancia
0,043
Warm Blue #4458D6
RGB
rgb(68, 88, 214)
HSL
hsl(232, 64%, 55%)
Luminancia
0,131

Contraste y accesibilidad

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

Aa #000000 sobre #F3EAD7 17,56:1 AAA
Aa #000000 sobre #E8CA00 12,88:1 AAA
Aa #F3EAD7 sobre #1F1DAF 9,48:1 AAA
Aa #000000 sobre #AD9BA8 8,03:1 AAA
Aa #000000 sobre #0EAF03 7,15:1 AAA
Aa #E8CA00 sobre #1F1DAF 6,95:1 AA
Aa #F3EAD7 sobre #9F253F 6,25:1 AA
Aa #000000 sobre #DA6252 5,85:1 AA
Aa #F3EAD7 sobre #006A14 5,72:1 AA
Aa #000000 sobre #AA7C14 5,60:1 AA
Aa #F3EAD7 sobre #4458D6 4,86:1 AA
Aa #9F253F sobre #E8CA00 4,58:1 AA
Aa #AD9BA8 sobre #1F1DAF 4,33:1 AA, texto grande
Aa #E8CA00 sobre #006A14 4,19:1 AA, texto grande
Aa #0EAF03 sobre #1F1DAF 3,86:1 AA, texto grande
Aa #000000 sobre #4458D6 3,61:1 AA, texto grande
Aa #E8CA00 sobre #4458D6 3,57:1 AA, texto grande
Aa #DA6252 sobre #1F1DAF 3,16:1 AA, texto grande
Aa #F3EAD7 sobre #AA7C14 3,13:1 AA, texto grande
Aa #000000 sobre #006A14 3,07:1 AA, texto grande
Aa #AA7C14 sobre #1F1DAF 3,02:1 AA, texto grande
Aa #F3EAD7 sobre #DA6252 3,00:1 AA, texto grande
Aa #AD9BA8 sobre #9F253F 2,86:1 No aprobado
Aa #000000 sobre #9F253F 2,81:1 No aprobado
Aa #AD9BA8 sobre #006A14 2,61:1 No aprobado
Aa #9F253F sobre #0EAF03 2,54:1 No aprobado
Aa #F3EAD7 sobre #0EAF03 2,46:1 No aprobado
Aa #006A14 sobre #0EAF03 2,33:1 No aprobado
Aa #AA7C14 sobre #E8CA00 2,30:1 No aprobado
Aa #AD9BA8 sobre #4458D6 2,22:1 No aprobado
Aa #DA6252 sobre #E8CA00 2,20:1 No aprobado
Aa #AD9BA8 sobre #F3EAD7 2,19:1 No aprobado
Aa #9F253F sobre #DA6252 2,08:1 No aprobado
Aa #9F253F sobre #AA7C14 1,99:1 No aprobado
Aa #0EAF03 sobre #4458D6 1,98:1 No aprobado
Aa #1F1DAF sobre #4458D6 1,95:1 No aprobado
Aa #DA6252 sobre #006A14 1,90:1 No aprobado
Aa #000000 sobre #1F1DAF 1,85:1 No aprobado
Aa #AA7C14 sobre #006A14 1,82:1 No aprobado
Aa #E8CA00 sobre #0EAF03 1,80:1 No aprobado
Aa #006A14 sobre #1F1DAF 1,66:1 No aprobado
Aa #DA6252 sobre #4458D6 1,62:1 No aprobado
Aa #AD9BA8 sobre #E8CA00 1,60:1 No aprobado
Aa #AA7C14 sobre #4458D6 1,55:1 No aprobado
Aa #9F253F sobre #1F1DAF 1,52:1 No aprobado
Aa #AD9BA8 sobre #AA7C14 1,43:1 No aprobado
Aa #AD9BA8 sobre #DA6252 1,37:1 No aprobado
Aa #F3EAD7 sobre #E8CA00 1,36:1 No aprobado
Aa #9F253F sobre #4458D6 1,29:1 No aprobado
Aa #AA7C14 sobre #0EAF03 1,28:1 No aprobado
Aa #DA6252 sobre #0EAF03 1,22:1 No aprobado
Aa #006A14 sobre #4458D6 1,18:1 No aprobado
Aa #AD9BA8 sobre #0EAF03 1,12:1 No aprobado
Aa #9F253F sobre #006A14 1,09:1 No aprobado
Aa #DA6252 sobre #AA7C14 1,04: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