Início Paletas de cores Quested Mountain

Quested Mountain

Paleta de 12 cores · Quente · Escura · Harmonia: Complementar

Voltar à biblioteca

Quested Mountain

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Complementar

Editar

Terrosa 12 cores Quente Escura Complementar polyphrog retro

Curtidas 23

Cores 12

Variáveis 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 terrosa de 12 cores vai de White (#FFFFFF), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Chrysophobia, Suit Blue, Brick Red, Tijolo, Imperial Palace, Greenfield, Heirloom Blush, Lazy Lizard, Lazy Lavender, Mom’s Pancake e White em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 19 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #FFFFFF, com 21:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminância: 0,000

Chrysophobia #4A2300

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

Suit Blue #2B2F35

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

Brick Red #931800

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

Tijolo #B05500

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

Imperial Palace #5B4E7D

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

Greenfield #63714F

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

Heirloom Blush #E36648

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

Lazy Lizard #9C9D49

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

Lazy Lavender #A4A3B5

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

Mom’s Pancake #F4C955

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

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminância: 1,000

Contraste e acessibilidade

19 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado

Aa #000000 sobre #5B4E7D 2,83:1 Reprovado

Aa #4A2300 sobre #B05500 2,71:1 Reprovado

Aa #2B2F35 sobre #B05500 2,66:1 Reprovado

Aa #931800 sobre #E36648 2,64:1 Reprovado

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

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

Aa #2B2F35 sobre #63714F 2,57:1 Reprovado

Aa #A4A3B5 sobre #FFFFFF 2,48:1 Reprovado

Aa #000000 sobre #931800 2,37:1 Reprovado

Aa #5B4E7D sobre #E36648 2,21:1 Reprovado

Aa #E36648 sobre #F4C955 2,13:1 Reprovado

Aa #63714F sobre #A4A3B5 2,12:1 Reprovado

Aa #B05500 sobre #A4A3B5 2,05:1 Reprovado

Aa #4A2300 sobre #5B4E7D 1,85:1 Reprovado

Aa #63714F sobre #9C9D49 1,83:1 Reprovado

Aa #9C9D49 sobre #F4C955 1,82:1 Reprovado

Aa #2B2F35 sobre #5B4E7D 1,81:1 Reprovado

Aa #B05500 sobre #9C9D49 1,77:1 Reprovado

Aa #931800 sobre #B05500 1,75:1 Reprovado

Aa #931800 sobre #63714F 1,69:1 Reprovado

Aa #F4C955 sobre #FFFFFF 1,58:1 Reprovado

Aa #A4A3B5 sobre #F4C955 1,57:1 Reprovado

Aa #000000 sobre #2B2F35 1,56:1 Reprovado

Aa #63714F sobre #E36648 1,56:1 Reprovado

Aa #4A2300 sobre #931800 1,55:1 Reprovado

Aa #000000 sobre #4A2300 1,53:1 Reprovado

Aa #2B2F35 sobre #931800 1,52:1 Reprovado

Aa #B05500 sobre #E36648 1,51:1 Reprovado

Aa #B05500 sobre #5B4E7D 1,46:1 Reprovado

Aa #5B4E7D sobre #63714F 1,42:1 Reprovado

Aa #E36648 sobre #A4A3B5 1,36:1 Reprovado

Aa #931800 sobre #5B4E7D 1,19:1 Reprovado

Aa #E36648 sobre #9C9D49 1,17:1 Reprovado

Aa #9C9D49 sobre #A4A3B5 1,16:1 Reprovado

Aa #B05500 sobre #63714F 1,03:1 Reprovado

Aa #4A2300 sobre #2B2F35 1,02:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000

4 cores

#E23E57 #88304E #522546 #311D3F

4 cores

#FF204E #A0153E #5D0E41 #00224D

4 cores

#030637 #3C0753 #720455 #910A67

4 cores

#1C0A00 #361500 #603601 #CC9544

4 cores

#252525 #FF0000 #AF0404 #414141

4 cores

#362222 #171010 #423F3E #2B2B2B

4 cores

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 cores

Quested Mountain