Inicio Paletas de colores DELETE THIS PALETTE

DELETE THIS PALETTE

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

Volver a la biblioteca

DELETE THIS PALETTE

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

Editar

Colores terrosos 10 colores Colores neutros Tonos mixtos Armonía complementaria deletethisplease

Me gusta 15

Colores 10

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #808080;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #FFBF40;
  --c-earthy-5: #BF4000;
  --c-earthy-6: #400080;
  --c-earthy-7: #4040BF;
  --c-earthy-8: #40BFFF;
  --c-earthy-9: #40BF40;
  --c-earthy-10: #FF4080;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Grey, White, Orange Pop, Copper Hopper, Marionberry, Early Spring Night, Megaman, Skirret Green y Diva Pink en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 13 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFFFFF, con 21: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

Grey #808080

RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Luminancia: 0,216

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminancia: 1,000

Orange Pop #FFBF40

RGB: rgb(255, 191, 64)
HSL: hsl(40, 100%, 63%)
Luminancia: 0,589

Copper Hopper #BF4000

RGB: rgb(191, 64, 0)
HSL: hsl(20, 100%, 37%)
Luminancia: 0,147

Marionberry #400080

RGB: rgb(64, 0, 128)
HSL: hsl(270, 100%, 25%)
Luminancia: 0,027

Early Spring Night #4040BF

RGB: rgb(64, 64, 191)
HSL: hsl(240, 50%, 50%)
Luminancia: 0,085

Megaman #40BFFF

RGB: rgb(64, 191, 255)
HSL: hsl(200, 100%, 63%)
Luminancia: 0,456

Skirret Green #40BF40

RGB: rgb(64, 191, 64)
HSL: hsl(120, 50%, 50%)
Luminancia: 0,387

Diva Pink #FF4080

RGB: rgb(255, 64, 128)
HSL: hsl(340, 100%, 63%)
Luminancia: 0,265

Contraste y accesibilidad

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

Aa #000000 sobre #FFFFFF 21,00:1 AAA

Aa #FFFFFF sobre #400080 13,73:1 AAA

Aa #000000 sobre #FFBF40 12,78:1 AAA

Aa #000000 sobre #40BFFF 10,11:1 AAA

Aa #000000 sobre #40BF40 8,74:1 AAA

Aa #FFBF40 sobre #400080 8,35:1 AAA

Aa #FFFFFF sobre #4040BF 7,77:1 AAA

Aa #400080 sobre #40BFFF 6,61:1 AA

Aa #000000 sobre #FF4080 6,30:1 AA

Aa #400080 sobre #40BF40 5,72:1 AA

Aa #000000 sobre #808080 5,32:1 AA

Aa #FFFFFF sobre #BF4000 5,32:1 AA

Aa #FFBF40 sobre #4040BF 4,73:1 AA

Aa #400080 sobre #FF4080 4,12:1 AA, texto grande

Aa #000000 sobre #BF4000 3,95:1 AA, texto grande

Aa #808080 sobre #FFFFFF 3,95:1 AA, texto grande

Aa #4040BF sobre #40BFFF 3,74:1 AA, texto grande

Aa #808080 sobre #400080 3,48:1 AA, texto grande

Aa #FFFFFF sobre #FF4080 3,33:1 AA, texto grande

Aa #FFBF40 sobre #BF4000 3,24:1 AA, texto grande

Aa #4040BF sobre #40BF40 3,23:1 AA, texto grande

Aa #000000 sobre #4040BF 2,70:1 No aprobado

Aa #BF4000 sobre #400080 2,58:1 No aprobado

Aa #BF4000 sobre #40BFFF 2,56:1 No aprobado

Aa #808080 sobre #FFBF40 2,40:1 No aprobado

Aa #FFFFFF sobre #40BF40 2,40:1 No aprobado

Aa #4040BF sobre #FF4080 2,33:1 No aprobado

Aa #BF4000 sobre #40BF40 2,21:1 No aprobado

Aa #FFFFFF sobre #40BFFF 2,08:1 No aprobado

Aa #FFBF40 sobre #FF4080 2,03:1 No aprobado

Aa #808080 sobre #4040BF 1,97:1 No aprobado

Aa #808080 sobre #40BFFF 1,90:1 No aprobado

Aa #400080 sobre #4040BF 1,77:1 No aprobado

Aa #808080 sobre #40BF40 1,64:1 No aprobado

Aa #FFFFFF sobre #FFBF40 1,64:1 No aprobado

Aa #40BFFF sobre #FF4080 1,61:1 No aprobado

Aa #BF4000 sobre #FF4080 1,59:1 No aprobado

Aa #000000 sobre #400080 1,53:1 No aprobado

Aa #FFBF40 sobre #40BF40 1,46:1 No aprobado

Aa #BF4000 sobre #4040BF 1,46:1 No aprobado

Aa #40BF40 sobre #FF4080 1,39:1 No aprobado

Aa #808080 sobre #BF4000 1,35:1 No aprobado

Aa #FFBF40 sobre #40BFFF 1,26:1 No aprobado

Aa #808080 sobre #FF4080 1,18:1 No aprobado

Aa #40BFFF sobre #40BF40 1,16:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B

4 colores

#F5F7F8 #F4CE14 #495E57 #45474B

4 colores

#222831 #393E46 #FFD369 #EEEEEE

4 colores

#000000 #52057B #892CDC #BC6FF1

4 colores

#213555 #3E5879 #D8C4B6 #F5EFE7

4 colores

#F5EFE7 #D8C4B6 #4F709C #213555

4 colores

#191A19 #1E5128 #4E9F3D #D8E9A8

4 colores

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 colores

DELETE THIS PALETTE