Inicio Paletas de colores TY Forgotten Times 9

TY Forgotten Times 9

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

Volver a la biblioteca

TY Forgotten Times 9

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

Editar

Colores terrosos 9 colores Colores cálidos Tonos mixtos Armonía análoga

Me gusta 11

Colores 9

Variables CSS

:root {
  --c-earthy-1: #CAA982;
  --c-earthy-2: #8D8472;
  --c-earthy-3: #BB9C3B;
  --c-earthy-4: #B96F2C;
  --c-earthy-5: #856440;
  --c-earthy-6: #7D5043;
  --c-earthy-7: #4A473A;
  --c-earthy-8: #393217;
  --c-earthy-9: #000000;
}

Sobre esta paleta

Esta paleta de 9 colores terrosos va de Toffee Tan (#CAA982), su tono más claro, a Black (#000000), el más oscuro. Combina Toffee Tan, Silver Sage, Gold Taffeta, Brown Alpaca, Port Wine Barrel, Red Rooster, Treasure Island, Pullman Green y Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #CAA982 sobre #000000, con 9,51: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

Toffee Tan #CAA982

RGB: rgb(202, 169, 130)
HSL: hsl(33, 40%, 65%)
Luminancia: 0,425

Silver Sage #8D8472

RGB: rgb(141, 132, 114)
HSL: hsl(40, 11%, 50%)
Luminancia: 0,234

Gold Taffeta #BB9C3B

RGB: rgb(187, 156, 59)
HSL: hsl(45, 52%, 48%)
Luminancia: 0,347

Brown Alpaca #B96F2C

RGB: rgb(185, 111, 44)
HSL: hsl(29, 62%, 45%)
Luminancia: 0,219

Port Wine Barrel #856440

RGB: rgb(133, 100, 64)
HSL: hsl(31, 35%, 39%)
Luminancia: 0,145

Red Rooster #7D5043

RGB: rgb(125, 80, 67)
HSL: hsl(13, 30%, 38%)
Luminancia: 0,105

Treasure Island #4A473A

RGB: rgb(74, 71, 58)
HSL: hsl(49, 12%, 26%)
Luminancia: 0,063

Pullman Green #393217

RGB: rgb(57, 50, 23)
HSL: hsl(48, 43%, 16%)
Luminancia: 0,032

Black #000000

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

Contraste y accesibilidad

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

Aa #CAA982 sobre #000000 9,51:1 AAA

Aa #BB9C3B sobre #000000 7,93:1 AAA

Aa #CAA982 sobre #393217 5,79:1 AA

Aa #8D8472 sobre #000000 5,68:1 AA

Aa #B96F2C sobre #000000 5,37:1 AA

Aa #BB9C3B sobre #393217 4,83:1 AA

Aa #CAA982 sobre #4A473A 4,22:1 AA, texto grande

Aa #856440 sobre #000000 3,89:1 AA, texto grande

Aa #BB9C3B sobre #4A473A 3,52:1 AA, texto grande

Aa #8D8472 sobre #393217 3,46:1 AA, texto grande

Aa #B96F2C sobre #393217 3,27:1 AA, texto grande

Aa #7D5043 sobre #000000 3,10:1 AA, texto grande

Aa #CAA982 sobre #7D5043 3,07:1 AA, texto grande

Aa #BB9C3B sobre #7D5043 2,56:1 No aprobado

Aa #8D8472 sobre #4A473A 2,52:1 No aprobado

Aa #CAA982 sobre #856440 2,44:1 No aprobado

Aa #B96F2C sobre #4A473A 2,38:1 No aprobado

Aa #856440 sobre #393217 2,37:1 No aprobado

Aa #4A473A sobre #000000 2,25:1 No aprobado

Aa #BB9C3B sobre #856440 2,04:1 No aprobado

Aa #7D5043 sobre #393217 1,89:1 No aprobado

Aa #8D8472 sobre #7D5043 1,83:1 No aprobado

Aa #CAA982 sobre #B96F2C 1,77:1 No aprobado

Aa #B96F2C sobre #7D5043 1,73:1 No aprobado

Aa #856440 sobre #4A473A 1,73:1 No aprobado

Aa #CAA982 sobre #8D8472 1,68:1 No aprobado

Aa #393217 sobre #000000 1,64:1 No aprobado

Aa #BB9C3B sobre #B96F2C 1,48:1 No aprobado

Aa #8D8472 sobre #856440 1,46:1 No aprobado

Aa #8D8472 sobre #BB9C3B 1,40:1 No aprobado

Aa #B96F2C sobre #856440 1,38:1 No aprobado

Aa #7D5043 sobre #4A473A 1,38:1 No aprobado

Aa #4A473A sobre #393217 1,37:1 No aprobado

Aa #856440 sobre #7D5043 1,26:1 No aprobado

Aa #CAA982 sobre #BB9C3B 1,20:1 No aprobado

Aa #8D8472 sobre #B96F2C 1,06: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

TY Forgotten Times 9