Inicio Paletas de colores TY Haunted Mansion 10

TY Haunted Mansion 10

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

Volver a la biblioteca

TY Haunted Mansion 10

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

Editar

Colores terrosos 10 colores Colores cálidos Tonos mixtos Armonía análoga dark fantasy horror haunted

Me gusta 18

Colores 10

Variables CSS

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #BFAF81;
  --c-earthy-3: #7B7562;
  --c-earthy-4: #444144;
  --c-earthy-5: #B69173;
  --c-earthy-6: #6D5751;
  --c-earthy-7: #5E362B;
  --c-earthy-8: #877E3A;
  --c-earthy-9: #54432A;
  --c-earthy-10: #2D2F22;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Found Fossil (#DECEB4), su tono más claro, a Pine Tree (#2D2F22), el más oscuro. Combina Found Fossil, Ecru, Lapwing Grey Green, Ewa, Toasted, Somali Brown, Rusted Crimson, Mossy Meadow, Garden Loam y Pine Tree en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DECEB4 sobre #2D2F22, con 8,82: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

Found Fossil #DECEB4

RGB: rgb(222, 206, 180)
HSL: hsl(37, 39%, 79%)
Luminancia: 0,630

Ecru #BFAF81

RGB: rgb(191, 175, 129)
HSL: hsl(45, 33%, 63%)
Luminancia: 0,433

Lapwing Grey Green #7B7562

RGB: rgb(123, 117, 98)
HSL: hsl(46, 11%, 43%)
Luminancia: 0,178

Ewa #444144

RGB: rgb(68, 65, 68)
HSL: hsl(300, 2%, 26%)
Luminancia: 0,054

Toasted #B69173

RGB: rgb(182, 145, 115)
HSL: hsl(27, 31%, 58%)
Luminancia: 0,314

Somali Brown #6D5751

RGB: rgb(109, 87, 81)
HSL: hsl(13, 15%, 37%)
Luminancia: 0,107

Rusted Crimson #5E362B

RGB: rgb(94, 54, 43)
HSL: hsl(13, 37%, 27%)
Luminancia: 0,052

Mossy Meadow #877E3A

RGB: rgb(135, 126, 58)
HSL: hsl(53, 40%, 38%)
Luminancia: 0,204

Garden Loam #54432A

RGB: rgb(84, 67, 42)
HSL: hsl(36, 33%, 25%)
Luminancia: 0,061

Pine Tree #2D2F22

RGB: rgb(45, 47, 34)
HSL: hsl(69, 16%, 16%)
Luminancia: 0,027

Contraste y accesibilidad

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

Aa #DECEB4 sobre #2D2F22 8,82:1 AAA

Aa #DECEB4 sobre #5E362B 6,67:1 AA

Aa #DECEB4 sobre #444144 6,52:1 AA

Aa #BFAF81 sobre #2D2F22 6,27:1 AA

Aa #DECEB4 sobre #54432A 6,14:1 AA

Aa #BFAF81 sobre #5E362B 4,74:1 AA

Aa #B69173 sobre #2D2F22 4,73:1 AA

Aa #BFAF81 sobre #444144 4,63:1 AA

Aa #BFAF81 sobre #54432A 4,37:1 AA, texto grande

Aa #DECEB4 sobre #6D5751 4,34:1 AA, texto grande

Aa #B69173 sobre #5E362B 3,57:1 AA, texto grande

Aa #444144 sobre #B69173 3,49:1 AA, texto grande

Aa #B69173 sobre #54432A 3,29:1 AA, texto grande

Aa #877E3A sobre #2D2F22 3,29:1 AA, texto grande

Aa #BFAF81 sobre #6D5751 3,09:1 AA, texto grande

Aa #DECEB4 sobre #7B7562 2,98:1 No aprobado

Aa #7B7562 sobre #2D2F22 2,96:1 No aprobado

Aa #DECEB4 sobre #877E3A 2,68:1 No aprobado

Aa #5E362B sobre #877E3A 2,49:1 No aprobado

Aa #444144 sobre #877E3A 2,43:1 No aprobado

Aa #B69173 sobre #6D5751 2,33:1 No aprobado

Aa #877E3A sobre #54432A 2,29:1 No aprobado

Aa #7B7562 sobre #5E362B 2,24:1 No aprobado

Aa #7B7562 sobre #444144 2,19:1 No aprobado

Aa #BFAF81 sobre #7B7562 2,12:1 No aprobado

Aa #7B7562 sobre #54432A 2,06:1 No aprobado

Aa #6D5751 sobre #2D2F22 2,03:1 No aprobado

Aa #BFAF81 sobre #877E3A 1,90:1 No aprobado

Aa #DECEB4 sobre #B69173 1,87:1 No aprobado

Aa #6D5751 sobre #877E3A 1,62:1 No aprobado

Aa #7B7562 sobre #B69173 1,60:1 No aprobado

Aa #6D5751 sobre #5E362B 1,54:1 No aprobado

Aa #444144 sobre #6D5751 1,50:1 No aprobado

Aa #7B7562 sobre #6D5751 1,46:1 No aprobado

Aa #B69173 sobre #877E3A 1,44:1 No aprobado

Aa #54432A sobre #2D2F22 1,44:1 No aprobado

Aa #6D5751 sobre #54432A 1,42:1 No aprobado

Aa #DECEB4 sobre #BFAF81 1,41:1 No aprobado

Aa #444144 sobre #2D2F22 1,35:1 No aprobado

Aa #BFAF81 sobre #B69173 1,33:1 No aprobado

Aa #5E362B sobre #2D2F22 1,32:1 No aprobado

Aa #7B7562 sobre #877E3A 1,11:1 No aprobado

Aa #5E362B sobre #54432A 1,09:1 No aprobado

Aa #444144 sobre #54432A 1,06:1 No aprobado

Aa #444144 sobre #5E362B 1,02: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 Haunted Mansion 10