Inicio Paletas de colores Quested Mountain

Quested Mountain

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Quested Mountain

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar

Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía complementaria polyphrog retro

Me gusta 23

Colores 12

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2300;
  --c-earthy-3: #2B2F35;
  --c-earthy-4: #931800;
  --c-earthy-5: #B05500;
  --c-earthy-6: #5B4E7D;
  --c-earthy-7: #63714F;
  --c-earthy-8: #E36648;
  --c-earthy-9: #9C9D49;
  --c-earthy-10: #A4A3B5;
  --c-earthy-11: #F4C955;
  --c-earthy-12: #FFFFFF;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Chrysophobia, Suit Blue, Brick Red, Tijolo, Imperial Palace, Greenfield, Heirloom Blush, Lazy Lizard, Lazy Lavender, Mom’s Pancake y White en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 19 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

Chrysophobia #4A2300

RGB: rgb(74, 35, 0)
HSL: hsl(28, 100%, 15%)
Luminancia: 0,027

Suit Blue #2B2F35

RGB: rgb(43, 47, 53)
HSL: hsl(216, 10%, 19%)
Luminancia: 0,028

Brick Red #931800

RGB: rgb(147, 24, 0)
HSL: hsl(10, 100%, 29%)
Luminancia: 0,069

Tijolo #B05500

RGB: rgb(176, 85, 0)
HSL: hsl(29, 100%, 35%)
Luminancia: 0,157

Imperial Palace #5B4E7D

RGB: rgb(91, 78, 125)
HSL: hsl(257, 23%, 40%)
Luminancia: 0,092

Greenfield #63714F

RGB: rgb(99, 113, 79)
HSL: hsl(85, 18%, 38%)
Luminancia: 0,150

Heirloom Blush #E36648

RGB: rgb(227, 102, 72)
HSL: hsl(12, 73%, 59%)
Luminancia: 0,263

Lazy Lizard #9C9D49

RGB: rgb(156, 157, 73)
HSL: hsl(61, 37%, 45%)
Luminancia: 0,317

Lazy Lavender #A4A3B5

RGB: rgb(164, 163, 181)
HSL: hsl(243, 11%, 67%)
Luminancia: 0,374

Mom’s Pancake #F4C955

RGB: rgb(244, 201, 85)
HSL: hsl(44, 88%, 65%)
Luminancia: 0,617

White #FFFFFF

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

Contraste y accesibilidad

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

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

Aa #4A2300 sobre #FFFFFF 13,71:1 AAA

Aa #2B2F35 sobre #FFFFFF 13,46:1 AAA

Aa #000000 sobre #F4C955 13,33:1 AAA

Aa #931800 sobre #FFFFFF 8,86:1 AAA

Aa #4A2300 sobre #F4C955 8,71:1 AAA

Aa #2B2F35 sobre #F4C955 8,54:1 AAA

Aa #000000 sobre #A4A3B5 8,48:1 AAA

Aa #5B4E7D sobre #FFFFFF 7,42:1 AAA

Aa #000000 sobre #9C9D49 7,33:1 AAA

Aa #000000 sobre #E36648 6,26:1 AA

Aa #931800 sobre #F4C955 5,62:1 AA

Aa #4A2300 sobre #A4A3B5 5,54:1 AA

Aa #2B2F35 sobre #A4A3B5 5,44:1 AA

Aa #63714F sobre #FFFFFF 5,24:1 AA

Aa #B05500 sobre #FFFFFF 5,07:1 AA

Aa #4A2300 sobre #9C9D49 4,79:1 AA

Aa #5B4E7D sobre #F4C955 4,71:1 AA

Aa #2B2F35 sobre #9C9D49 4,70:1 AA

Aa #000000 sobre #B05500 4,15:1 AA, texto grande

Aa #4A2300 sobre #E36648 4,09:1 AA, texto grande

Aa #000000 sobre #63714F 4,01:1 AA, texto grande

Aa #2B2F35 sobre #E36648 4,01:1 AA, texto grande

Aa #931800 sobre #A4A3B5 3,58:1 AA, texto grande

Aa #E36648 sobre #FFFFFF 3,35:1 AA, texto grande

Aa #63714F sobre #F4C955 3,33:1 AA, texto grande

Aa #B05500 sobre #F4C955 3,22:1 AA, texto grande

Aa #931800 sobre #9C9D49 3,09:1 AA, texto grande

Aa #5B4E7D sobre #A4A3B5 3,00:1 AA, texto grande

Aa #9C9D49 sobre #FFFFFF 2,86:1 No aprobado

Aa #000000 sobre #5B4E7D 2,83:1 No aprobado

Aa #4A2300 sobre #B05500 2,71:1 No aprobado

Aa #2B2F35 sobre #B05500 2,66:1 No aprobado

Aa #931800 sobre #E36648 2,64:1 No aprobado

Aa #4A2300 sobre #63714F 2,62:1 No aprobado

Aa #5B4E7D sobre #9C9D49 2,59:1 No aprobado

Aa #2B2F35 sobre #63714F 2,57:1 No aprobado

Aa #A4A3B5 sobre #FFFFFF 2,48:1 No aprobado

Aa #000000 sobre #931800 2,37:1 No aprobado

Aa #5B4E7D sobre #E36648 2,21:1 No aprobado

Aa #E36648 sobre #F4C955 2,13:1 No aprobado

Aa #63714F sobre #A4A3B5 2,12:1 No aprobado

Aa #B05500 sobre #A4A3B5 2,05:1 No aprobado

Aa #4A2300 sobre #5B4E7D 1,85:1 No aprobado

Aa #63714F sobre #9C9D49 1,83:1 No aprobado

Aa #9C9D49 sobre #F4C955 1,82:1 No aprobado

Aa #2B2F35 sobre #5B4E7D 1,81:1 No aprobado

Aa #B05500 sobre #9C9D49 1,77:1 No aprobado

Aa #931800 sobre #B05500 1,75:1 No aprobado

Aa #931800 sobre #63714F 1,69:1 No aprobado

Aa #F4C955 sobre #FFFFFF 1,58:1 No aprobado

Aa #A4A3B5 sobre #F4C955 1,57:1 No aprobado

Aa #000000 sobre #2B2F35 1,56:1 No aprobado

Aa #63714F sobre #E36648 1,56:1 No aprobado

Aa #4A2300 sobre #931800 1,55:1 No aprobado

Aa #000000 sobre #4A2300 1,53:1 No aprobado

Aa #2B2F35 sobre #931800 1,52:1 No aprobado

Aa #B05500 sobre #E36648 1,51:1 No aprobado

Aa #B05500 sobre #5B4E7D 1,46:1 No aprobado

Aa #5B4E7D sobre #63714F 1,42:1 No aprobado

Aa #E36648 sobre #A4A3B5 1,36:1 No aprobado

Aa #931800 sobre #5B4E7D 1,19:1 No aprobado

Aa #E36648 sobre #9C9D49 1,17:1 No aprobado

Aa #9C9D49 sobre #A4A3B5 1,16:1 No aprobado

Aa #B05500 sobre #63714F 1,03:1 No aprobado

Aa #4A2300 sobre #2B2F35 1,02:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000

4 colores

#E23E57 #88304E #522546 #311D3F

4 colores

#FF204E #A0153E #5D0E41 #00224D

4 colores

#030637 #3C0753 #720455 #910A67

4 colores

#1C0A00 #361500 #603601 #CC9544

4 colores

#252525 #FF0000 #AF0404 #414141

4 colores

#362222 #171010 #423F3E #2B2B2B

4 colores

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 colores

Quested Mountain