Criar conta Criar conta
Num_02

Num_02

Paleta de 12 cores · Quente · Mista · Harmonia: Análoga

Voltar à biblioteca

Num_02

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Análoga

Editar
Terrosa 12 cores Quente Mista Análoga two 2 number num
Curtidas 68
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #B1B1B1;
  --c-earthy-3: #575757;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #666600;
  --c-earthy-6: #CACA00;
  --c-earthy-7: #99004C;
  --c-earthy-8: #FF6BB5;
  --c-earthy-9: #00753A;
  --c-earthy-10: #00E572;
  --c-earthy-11: #0000A5;
  --c-earthy-12: #8989FF;
}

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, Palladium, Shadow Mountain, White, Earthy Khaki Green, Golden Foil, Celestial Pink, Fěn Hóng Pink, Dartmouth Green, Benzol Green, Bohemian Blue e Lavender Blue Shadow em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 18 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
Palladium #B1B1B1
RGB
rgb(177, 177, 177)
HSL
hsl(0, 0%, 69%)
Luminância
0,440
Shadow Mountain #575757
RGB
rgb(87, 87, 87)
HSL
hsl(0, 0%, 34%)
Luminância
0,095
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Earthy Khaki Green #666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
Luminância
0,123
Golden Foil #CACA00
RGB
rgb(202, 202, 0)
HSL
hsl(60, 100%, 40%)
Luminância
0,548
Celestial Pink #99004C
RGB
rgb(153, 0, 76)
HSL
hsl(330, 100%, 30%)
Luminância
0,073
Fěn Hóng Pink #FF6BB5
RGB
rgb(255, 107, 181)
HSL
hsl(330, 100%, 71%)
Luminância
0,351
Dartmouth Green #00753A
RGB
rgb(0, 117, 58)
HSL
hsl(150, 100%, 23%)
Luminância
0,130
Benzol Green #00E572
RGB
rgb(0, 229, 114)
HSL
hsl(150, 100%, 45%)
Luminância
0,573
Bohemian Blue #0000A5
RGB
rgb(0, 0, 165)
HSL
hsl(240, 100%, 32%)
Luminância
0,027
Lavender Blue Shadow #8989FF
RGB
rgb(137, 137, 255)
HSL
hsl(240, 100%, 77%)
Luminância
0,304

Contraste e acessibilidade

18 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 #FFFFFF sobre #0000A5 13,61:1 AAA
Aa #000000 sobre #00E572 12,45:1 AAA
Aa #000000 sobre #CACA00 11,96:1 AAA
Aa #000000 sobre #B1B1B1 9,79:1 AAA
Aa #FFFFFF sobre #99004C 8,54:1 AAA
Aa #00E572 sobre #0000A5 8,07:1 AAA
Aa #000000 sobre #FF6BB5 8,02:1 AAA
Aa #CACA00 sobre #0000A5 7,75:1 AAA
Aa #575757 sobre #FFFFFF 7,23:1 AAA
Aa #000000 sobre #8989FF 7,09:1 AAA
Aa #B1B1B1 sobre #0000A5 6,35:1 AA
Aa #FFFFFF sobre #666600 6,06:1 AA
Aa #FFFFFF sobre #00753A 5,82:1 AA
Aa #FF6BB5 sobre #0000A5 5,20:1 AA
Aa #99004C sobre #00E572 5,06:1 AA
Aa #CACA00 sobre #99004C 4,86:1 AA
Aa #0000A5 sobre #8989FF 4,59:1 AA
Aa #575757 sobre #00E572 4,28:1 AA, texto grande
Aa #575757 sobre #CACA00 4,12:1 AA, texto grande
Aa #B1B1B1 sobre #99004C 3,98:1 AA, texto grande
Aa #000000 sobre #00753A 3,61:1 AA, texto grande
Aa #666600 sobre #00E572 3,59:1 AA, texto grande
Aa #000000 sobre #666600 3,47:1 AA, texto grande
Aa #666600 sobre #CACA00 3,45:1 AA, texto grande
Aa #00753A sobre #00E572 3,45:1 AA, texto grande
Aa #B1B1B1 sobre #575757 3,37:1 AA, texto grande
Aa #CACA00 sobre #00753A 3,32:1 AA, texto grande
Aa #99004C sobre #FF6BB5 3,26:1 AA, texto grande
Aa #FFFFFF sobre #8989FF 2,96:1 Reprovado
Aa #000000 sobre #575757 2,91:1 Reprovado
Aa #99004C sobre #8989FF 2,88:1 Reprovado
Aa #B1B1B1 sobre #666600 2,83:1 Reprovado
Aa #575757 sobre #FF6BB5 2,76:1 Reprovado
Aa #B1B1B1 sobre #00753A 2,72:1 Reprovado
Aa #FFFFFF sobre #FF6BB5 2,62:1 Reprovado
Aa #000000 sobre #99004C 2,46:1 Reprovado
Aa #575757 sobre #8989FF 2,44:1 Reprovado
Aa #00753A sobre #0000A5 2,34:1 Reprovado
Aa #666600 sobre #FF6BB5 2,31:1 Reprovado
Aa #666600 sobre #0000A5 2,25:1 Reprovado
Aa #FF6BB5 sobre #00753A 2,22:1 Reprovado
Aa #B1B1B1 sobre #FFFFFF 2,14:1 Reprovado
Aa #666600 sobre #8989FF 2,04:1 Reprovado
Aa #00753A sobre #8989FF 1,97:1 Reprovado
Aa #575757 sobre #0000A5 1,88:1 Reprovado
Aa #FFFFFF sobre #CACA00 1,76:1 Reprovado
Aa #00E572 sobre #8989FF 1,76:1 Reprovado
Aa #FFFFFF sobre #00E572 1,69:1 Reprovado
Aa #CACA00 sobre #8989FF 1,69:1 Reprovado
Aa #99004C sobre #0000A5 1,59:1 Reprovado
Aa #FF6BB5 sobre #00E572 1,55:1 Reprovado
Aa #000000 sobre #0000A5 1,54:1 Reprovado
Aa #CACA00 sobre #FF6BB5 1,49:1 Reprovado
Aa #99004C sobre #00753A 1,47:1 Reprovado
Aa #666600 sobre #99004C 1,41:1 Reprovado
Aa #B1B1B1 sobre #8989FF 1,38:1 Reprovado
Aa #B1B1B1 sobre #00E572 1,27:1 Reprovado
Aa #575757 sobre #00753A 1,24:1 Reprovado
Aa #B1B1B1 sobre #CACA00 1,22:1 Reprovado
Aa #B1B1B1 sobre #FF6BB5 1,22:1 Reprovado
Aa #575757 sobre #666600 1,19:1 Reprovado
Aa #575757 sobre #99004C 1,18:1 Reprovado
Aa #FF6BB5 sobre #8989FF 1,13:1 Reprovado
Aa #666600 sobre #00753A 1,04:1 Reprovado
Aa #CACA00 sobre #00E572 1,04:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores