Inicio Paletas de colores TY Artificial Happiness 12

TY Artificial Happiness 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

TY Artificial Happiness 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar

Colores apagados 12 colores Colores fríos Tonos mixtos Armonía complementaria limited happy versatile bright

Me gusta 15

Colores 12

Variables 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 de 12 colores apagados va de Theatre Powder Rose (#E4D3D3), su tono más claro, a Lead (#202020), el más oscuro. Combina Soft Turquoise, Deep Mint, Hammerhead Shark, Piano Brown, Lilac Purple, Dahlia Mauve, Jagger, Lead, Theatre Powder Rose, Georgian Yellow, Seared Earth y Sanguine Brown en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #202020 sobre #E4D3D3, con 11,29:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Soft Turquoise #76CFCF

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

Deep Mint #55AA65

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

Hammerhead Shark #4D749A

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

Piano Brown #5A4C49

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

Lilac Purple #9F81C5

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

Dahlia Mauve #B55E86

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

Jagger #3D2D4D

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

Lead #202020

RGB: rgb(32, 32, 32)
HSL: hsl(0, 0%, 13%)
Luminancia: 0,014

Theatre Powder Rose #E4D3D3

RGB: rgb(228, 211, 211)
HSL: hsl(0, 24%, 86%)
Luminancia: 0,678

Georgian Yellow #D59A4A

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

Seared Earth #9A5632

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

Sanguine Brown #6A3933

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

Contraste y accesibilidad

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

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 No aprobado

Aa #B55E86 sobre #3D2D4D 2,92:1 No aprobado

Aa #202020 sobre #9A5632 2,91:1 No aprobado

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

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

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

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

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

Aa #76CFCF sobre #B55E86 2,36:1 No aprobado

Aa #D59A4A sobre #9A5632 2,28:1 No aprobado

Aa #9F81C5 sobre #E4D3D3 2,27:1 No aprobado

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

Aa #B55E86 sobre #6A3933 2,19:1 No aprobado

Aa #4D749A sobre #D59A4A 2,00:1 No aprobado

Aa #55AA65 sobre #E4D3D3 1,99:1 No aprobado

Aa #5A4C49 sobre #202020 1,99:1 No aprobado

Aa #55AA65 sobre #9A5632 1,95:1 No aprobado

Aa #4D749A sobre #6A3933 1,91:1 No aprobado

Aa #5A4C49 sobre #B55E86 1,91:1 No aprobado

Aa #76CFCF sobre #9F81C5 1,81:1 No aprobado

Aa #B55E86 sobre #D59A4A 1,74:1 No aprobado

Aa #202020 sobre #6A3933 1,74:1 No aprobado

Aa #55AA65 sobre #4D749A 1,71:1 No aprobado

Aa #9F81C5 sobre #9A5632 1,71:1 No aprobado

Aa #E4D3D3 sobre #D59A4A 1,70:1 No aprobado

Aa #4D749A sobre #5A4C49 1,67:1 No aprobado

Aa #9A5632 sobre #6A3933 1,67:1 No aprobado

Aa #76CFCF sobre #55AA65 1,58:1 No aprobado

Aa #5A4C49 sobre #3D2D4D 1,53:1 No aprobado

Aa #4D749A sobre #9F81C5 1,50:1 No aprobado

Aa #55AA65 sobre #B55E86 1,49:1 No aprobado

Aa #5A4C49 sobre #9A5632 1,46:1 No aprobado

Aa #76CFCF sobre #D59A4A 1,36:1 No aprobado

Aa #3D2D4D sobre #6A3933 1,34:1 No aprobado

Aa #9F81C5 sobre #D59A4A 1,33:1 No aprobado

Aa #9F81C5 sobre #B55E86 1,31:1 No aprobado

Aa #B55E86 sobre #9A5632 1,31:1 No aprobado

Aa #3D2D4D sobre #202020 1,30:1 No aprobado

Aa #76CFCF sobre #E4D3D3 1,26:1 No aprobado

Aa #55AA65 sobre #D59A4A 1,17:1 No aprobado

Aa #4D749A sobre #B55E86 1,15:1 No aprobado

Aa #55AA65 sobre #9F81C5 1,14:1 No aprobado

Aa #4D749A sobre #9A5632 1,14:1 No aprobado

Aa #5A4C49 sobre #6A3933 1,14:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE

4 colores

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 colores

#1B262C #0F4C75 #3282B8 #BBE1FA

4 colores

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 colores

#27374D #526D82 #9DB2BF #DDE6ED

4 colores

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 colores

#E4F9F5 #30E3CA #11999E #40514E

4 colores

#F0F5F9 #C9D6DF #52616B #1E2022

4 colores

TY Artificial Happiness 12