Inicio Paletas de colores 6 Bit / 12 Colour Challenge

6 Bit / 12 Colour Challenge

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

Volver a la biblioteca

6 Bit / 12 Colour Challenge

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

Editar

Colores terrosos 12 colores Colores neutros Tonos mixtos Armonía complementaria casual

Me gusta 16

Colores 12

Variables CSS

:root {
  --c-earthy-1: #FFEEB9;
  --c-earthy-2: #BD4B4B;
  --c-earthy-3: #442242;
  --c-earthy-4: #1AB11D;
  --c-earthy-5: #286440;
  --c-earthy-6: #133542;
  --c-earthy-7: #675C85;
  --c-earthy-8: #251E3C;
  --c-earthy-9: #1E132C;
  --c-earthy-10: #B5B4D3;
  --c-earthy-11: #6B6A7C;
  --c-earthy-12: #232328;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Gnocchi Beige (#FFEEB9), su tono más claro, a Blacklist (#1E132C), el más oscuro. Combina Gnocchi Beige, Ladybug, Purple Void, Pikkoro Green, Fairway Green, Firmament Blue, Kimberly, Throat, Blacklist, Hundred Waters, Wind Cave y Dark Gunmetal 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 #FFEEB9 sobre #1E132C, con 15,35: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

Gnocchi Beige #FFEEB9

RGB: rgb(255, 238, 185)
HSL: hsl(45, 100%, 86%)
Luminancia: 0,859

Ladybug #BD4B4B

RGB: rgb(189, 75, 75)
HSL: hsl(0, 46%, 52%)
Luminancia: 0,164

Purple Void #442242

RGB: rgb(68, 34, 66)
HSL: hsl(304, 33%, 20%)
Luminancia: 0,028

Pikkoro Green #1AB11D

RGB: rgb(26, 177, 29)
HSL: hsl(121, 74%, 40%)
Luminancia: 0,318

Fairway Green #286440

RGB: rgb(40, 100, 64)
HSL: hsl(144, 43%, 27%)
Luminancia: 0,099

Firmament Blue #133542

RGB: rgb(19, 53, 66)
HSL: hsl(197, 55%, 17%)
Luminancia: 0,031

Kimberly #675C85

RGB: rgb(103, 92, 133)
HSL: hsl(256, 18%, 44%)
Luminancia: 0,122

Throat #251E3C

RGB: rgb(37, 30, 60)
HSL: hsl(254, 33%, 18%)
Luminancia: 0,017

Blacklist #1E132C

RGB: rgb(30, 19, 44)
HSL: hsl(266, 40%, 12%)
Luminancia: 0,009

Hundred Waters #B5B4D3

RGB: rgb(181, 180, 211)
HSL: hsl(242, 26%, 77%)
Luminancia: 0,472

Wind Cave #6B6A7C

RGB: rgb(107, 106, 124)
HSL: hsl(243, 8%, 45%)
Luminancia: 0,149

Dark Gunmetal #232328

RGB: rgb(35, 35, 40)
HSL: hsl(240, 7%, 15%)
Luminancia: 0,017

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 #FFEEB9 sobre #1E132C 15,35:1 AAA

Aa #FFEEB9 sobre #251E3C 13,67:1 AAA

Aa #FFEEB9 sobre #232328 13,54:1 AAA

Aa #FFEEB9 sobre #442242 11,71:1 AAA

Aa #FFEEB9 sobre #133542 11,25:1 AAA

Aa #1E132C sobre #B5B4D3 8,81:1 AAA

Aa #251E3C sobre #B5B4D3 7,85:1 AAA

Aa #B5B4D3 sobre #232328 7,77:1 AAA

Aa #442242 sobre #B5B4D3 6,72:1 AA

Aa #133542 sobre #B5B4D3 6,46:1 AA

Aa #1AB11D sobre #1E132C 6,20:1 AA

Aa #FFEEB9 sobre #286440 6,09:1 AA

Aa #1AB11D sobre #251E3C 5,53:1 AA

Aa #1AB11D sobre #232328 5,48:1 AA

Aa #FFEEB9 sobre #675C85 5,28:1 AA

Aa #442242 sobre #1AB11D 4,73:1 AA

Aa #FFEEB9 sobre #6B6A7C 4,57:1 AA

Aa #1AB11D sobre #133542 4,55:1 AA

Aa #FFEEB9 sobre #BD4B4B 4,26:1 AA, texto grande

Aa #BD4B4B sobre #1E132C 3,61:1 AA, texto grande

Aa #286440 sobre #B5B4D3 3,49:1 AA, texto grande

Aa #1E132C sobre #6B6A7C 3,36:1 AA, texto grande

Aa #BD4B4B sobre #251E3C 3,21:1 AA, texto grande

Aa #BD4B4B sobre #232328 3,18:1 AA, texto grande

Aa #675C85 sobre #B5B4D3 3,03:1 AA, texto grande

Aa #251E3C sobre #6B6A7C 2,99:1 No aprobado

Aa #6B6A7C sobre #232328 2,96:1 No aprobado

Aa #675C85 sobre #1E132C 2,91:1 No aprobado

Aa #BD4B4B sobre #442242 2,75:1 No aprobado

Aa #BD4B4B sobre #133542 2,64:1 No aprobado

Aa #B5B4D3 sobre #6B6A7C 2,62:1 No aprobado

Aa #675C85 sobre #251E3C 2,59:1 No aprobado

Aa #675C85 sobre #232328 2,57:1 No aprobado

Aa #442242 sobre #6B6A7C 2,56:1 No aprobado

Aa #286440 sobre #1E132C 2,52:1 No aprobado

Aa #FFEEB9 sobre #1AB11D 2,47:1 No aprobado

Aa #1AB11D sobre #286440 2,46:1 No aprobado

Aa #133542 sobre #6B6A7C 2,46:1 No aprobado

Aa #BD4B4B sobre #B5B4D3 2,44:1 No aprobado

Aa #286440 sobre #251E3C 2,25:1 No aprobado

Aa #286440 sobre #232328 2,23:1 No aprobado

Aa #442242 sobre #675C85 2,22:1 No aprobado

Aa #1AB11D sobre #675C85 2,13:1 No aprobado

Aa #133542 sobre #675C85 2,13:1 No aprobado

Aa #442242 sobre #286440 1,92:1 No aprobado

Aa #1AB11D sobre #6B6A7C 1,85:1 No aprobado

Aa #286440 sobre #133542 1,85:1 No aprobado

Aa #FFEEB9 sobre #B5B4D3 1,74:1 No aprobado

Aa #BD4B4B sobre #1AB11D 1,72:1 No aprobado

Aa #BD4B4B sobre #286440 1,43:1 No aprobado

Aa #1AB11D sobre #B5B4D3 1,42:1 No aprobado

Aa #133542 sobre #1E132C 1,36:1 No aprobado

Aa #286440 sobre #6B6A7C 1,33:1 No aprobado

Aa #442242 sobre #1E132C 1,31:1 No aprobado

Aa #BD4B4B sobre #675C85 1,24:1 No aprobado

Aa #133542 sobre #251E3C 1,22:1 No aprobado

Aa #133542 sobre #232328 1,20:1 No aprobado

Aa #442242 sobre #251E3C 1,17:1 No aprobado

Aa #442242 sobre #232328 1,16:1 No aprobado

Aa #286440 sobre #675C85 1,15:1 No aprobado

Aa #675C85 sobre #6B6A7C 1,15:1 No aprobado

Aa #1E132C sobre #232328 1,13:1 No aprobado

Aa #251E3C sobre #1E132C 1,12:1 No aprobado

Aa #BD4B4B sobre #6B6A7C 1,07:1 No aprobado

Aa #442242 sobre #133542 1,04:1 No aprobado

Aa #251E3C sobre #232328 1,01: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

6 Bit / 12 Colour Challenge