Início Paletas de cores TY Artificial Happiness 12

TY Artificial Happiness 12

Paleta de 12 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

TY Artificial Happiness 12

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar

Sóbria 12 cores Fria Mista Complementar limited happy versatile bright

Curtidas 15

Cores 12

Variáveis CSS

:root {
  --c-muted-1: #76CFCF;
  --c-muted-2: #55AA65;
  --c-muted-3: #4D749A;
  --c-muted-4: #5A4C49;
  --c-muted-5: #9F81C5;
  --c-muted-6: #B55E86;
  --c-muted-7: #3D2D4D;
  --c-muted-8: #202020;
  --c-muted-9: #E4D3D3;
  --c-muted-10: #D59A4A;
  --c-muted-11: #9A5632;
  --c-muted-12: #6A3933;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Theatre Powder Rose (#E4D3D3), o tom mais claro, até Lead (#202020), o mais escuro. Ela reúne Soft Turquoise, Deep Mint, Hammerhead Shark, Piano Brown, Lilac Purple, Dahlia Mauve, Jagger, Lead, Theatre Powder Rose, Georgian Yellow, Seared Earth e Sanguine Brown em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #202020 sobre #E4D3D3, com 11,29:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Soft Turquoise #76CFCF

RGB: rgb(118, 207, 207)
HSL: hsl(180, 48%, 64%)
Luminância: 0,530

Deep Mint #55AA65

RGB: rgb(85, 170, 101)
HSL: hsl(131, 33%, 50%)
Luminância: 0,316

Hammerhead Shark #4D749A

RGB: rgb(77, 116, 154)
HSL: hsl(210, 33%, 45%)
Luminância: 0,164

Piano Brown #5A4C49

RGB: rgb(90, 76, 73)
HSL: hsl(11, 10%, 32%)
Luminância: 0,078

Lilac Purple #9F81C5

RGB: rgb(159, 129, 197)
HSL: hsl(266, 37%, 64%)
Luminância: 0,271

Dahlia Mauve #B55E86

RGB: rgb(181, 94, 134)
HSL: hsl(332, 37%, 54%)
Luminância: 0,196

Jagger #3D2D4D

RGB: rgb(61, 45, 77)
HSL: hsl(270, 26%, 24%)
Luminância: 0,034

Lead #202020

RGB: rgb(32, 32, 32)
HSL: hsl(0, 0%, 13%)
Luminância: 0,014

Theatre Powder Rose #E4D3D3

RGB: rgb(228, 211, 211)
HSL: hsl(0, 24%, 86%)
Luminância: 0,678

Georgian Yellow #D59A4A

RGB: rgb(213, 154, 74)
HSL: hsl(35, 62%, 56%)
Luminância: 0,378

Seared Earth #9A5632

RGB: rgb(154, 86, 50)
HSL: hsl(21, 51%, 40%)
Luminância: 0,138

Sanguine Brown #6A3933

RGB: rgb(106, 57, 51)
HSL: hsl(7, 35%, 31%)
Luminância: 0,062

Contraste e acessibilidade

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

Aa #202020 sobre #E4D3D3 11,29:1 AAA

Aa #76CFCF sobre #202020 9,00:1 AAA

Aa #3D2D4D sobre #E4D3D3 8,66:1 AAA

Aa #76CFCF sobre #3D2D4D 6,90:1 AA

Aa #202020 sobre #D59A4A 6,63:1 AA

Aa #E4D3D3 sobre #6A3933 6,48:1 AA

Aa #55AA65 sobre #202020 5,68:1 AA

Aa #5A4C49 sobre #E4D3D3 5,68:1 AA

Aa #76CFCF sobre #6A3933 5,16:1 AA

Aa #3D2D4D sobre #D59A4A 5,09:1 AA

Aa #9F81C5 sobre #202020 4,98:1 AA

Aa #76CFCF sobre #5A4C49 4,52:1 AA

Aa #55AA65 sobre #3D2D4D 4,36:1 AA, texto grande

Aa #E4D3D3 sobre #9A5632 3,88:1 AA, texto grande

Aa #9F81C5 sobre #3D2D4D 3,82:1 AA, texto grande

Aa #B55E86 sobre #202020 3,81:1 AA, texto grande

Aa #D59A4A sobre #6A3933 3,81:1 AA, texto grande

Aa #4D749A sobre #E4D3D3 3,40:1 AA, texto grande

Aa #5A4C49 sobre #D59A4A 3,33:1 AA, texto grande

Aa #4D749A sobre #202020 3,32:1 AA, texto grande

Aa #55AA65 sobre #6A3933 3,26:1 AA, texto grande

Aa #76CFCF sobre #9A5632 3,09:1 AA, texto grande

Aa #B55E86 sobre #E4D3D3 2,96:1 Reprovado

Aa #B55E86 sobre #3D2D4D 2,92:1 Reprovado

Aa #202020 sobre #9A5632 2,91:1 Reprovado

Aa #55AA65 sobre #5A4C49 2,86:1 Reprovado

Aa #9F81C5 sobre #6A3933 2,86:1 Reprovado

Aa #76CFCF sobre #4D749A 2,71:1 Reprovado

Aa #4D749A sobre #3D2D4D 2,55:1 Reprovado

Aa #5A4C49 sobre #9F81C5 2,50:1 Reprovado

Aa #76CFCF sobre #B55E86 2,36:1 Reprovado

Aa #D59A4A sobre #9A5632 2,28:1 Reprovado

Aa #9F81C5 sobre #E4D3D3 2,27:1 Reprovado

Aa #3D2D4D sobre #9A5632 2,23:1 Reprovado

Aa #B55E86 sobre #6A3933 2,19:1 Reprovado

Aa #4D749A sobre #D59A4A 2,00:1 Reprovado

Aa #55AA65 sobre #E4D3D3 1,99:1 Reprovado

Aa #5A4C49 sobre #202020 1,99:1 Reprovado

Aa #55AA65 sobre #9A5632 1,95:1 Reprovado

Aa #4D749A sobre #6A3933 1,91:1 Reprovado

Aa #5A4C49 sobre #B55E86 1,91:1 Reprovado

Aa #76CFCF sobre #9F81C5 1,81:1 Reprovado

Aa #B55E86 sobre #D59A4A 1,74:1 Reprovado

Aa #202020 sobre #6A3933 1,74:1 Reprovado

Aa #55AA65 sobre #4D749A 1,71:1 Reprovado

Aa #9F81C5 sobre #9A5632 1,71:1 Reprovado

Aa #E4D3D3 sobre #D59A4A 1,70:1 Reprovado

Aa #4D749A sobre #5A4C49 1,67:1 Reprovado

Aa #9A5632 sobre #6A3933 1,67:1 Reprovado

Aa #76CFCF sobre #55AA65 1,58:1 Reprovado

Aa #5A4C49 sobre #3D2D4D 1,53:1 Reprovado

Aa #4D749A sobre #9F81C5 1,50:1 Reprovado

Aa #55AA65 sobre #B55E86 1,49:1 Reprovado

Aa #5A4C49 sobre #9A5632 1,46:1 Reprovado

Aa #76CFCF sobre #D59A4A 1,36:1 Reprovado

Aa #3D2D4D sobre #6A3933 1,34:1 Reprovado

Aa #9F81C5 sobre #D59A4A 1,33:1 Reprovado

Aa #9F81C5 sobre #B55E86 1,31:1 Reprovado

Aa #B55E86 sobre #9A5632 1,31:1 Reprovado

Aa #3D2D4D sobre #202020 1,30:1 Reprovado

Aa #76CFCF sobre #E4D3D3 1,26:1 Reprovado

Aa #55AA65 sobre #D59A4A 1,17:1 Reprovado

Aa #4D749A sobre #B55E86 1,15:1 Reprovado

Aa #55AA65 sobre #9F81C5 1,14:1 Reprovado

Aa #4D749A sobre #9A5632 1,14:1 Reprovado

Aa #5A4C49 sobre #6A3933 1,14:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE

4 cores

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 cores

#1B262C #0F4C75 #3282B8 #BBE1FA

4 cores

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 cores

#27374D #526D82 #9DB2BF #DDE6ED

4 cores

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 cores

#E4F9F5 #30E3CA #11999E #40514E

4 cores

#F0F5F9 #C9D6DF #52616B #1E2022

4 cores

TY Artificial Happiness 12