Registrarse Registrarse
TY 128 Engine

TY 128 Engine

Paleta de 10 colores · Colores neutros · Tonos mixtos · Armonía triádica

Volver a la biblioteca

TY 128 Engine

Paleta de 10 colores · Colores neutros · Tonos mixtos · Armonía triádica

Editar
Colores apagados 10 colores Colores neutros Tonos mixtos Armonía triádica retro game console fictional
Me gusta 7
Colores 10

Variables CSS

:root {
  --c-muted-1: #3C3658;
  --c-muted-2: #5E475B;
  --c-muted-3: #7D685F;
  --c-muted-4: #A78547;
  --c-muted-5: #B190B1;
  --c-muted-6: #CBC8C7;
  --c-muted-7: #7D7D7D;
  --c-muted-8: #53A2AC;
  --c-muted-9: #43925B;
  --c-muted-10: #476361;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de Gentle Rain (#CBC8C7), su tono más claro, a Naggaroth Night (#3C3658), el más oscuro. Combina Naggaroth Night, Ripe Mulberry, Cocoa Milk, Kiss Candy, Metal Petal, Gentle Rain, Aged Moustache Grey, Flood Out, Alpine Herbs y Brochantite Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #3C3658 sobre #CBC8C7, con 6,79: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

Naggaroth Night #3C3658
RGB
rgb(60, 54, 88)
HSL
hsl(251, 24%, 28%)
Luminancia
0,043
Ripe Mulberry #5E475B
RGB
rgb(94, 71, 91)
HSL
hsl(308, 14%, 32%)
Luminancia
0,076
Cocoa Milk #7D685F
RGB
rgb(125, 104, 95)
HSL
hsl(18, 14%, 43%)
Luminancia
0,151
Kiss Candy #A78547
RGB
rgb(167, 133, 71)
HSL
hsl(39, 40%, 47%)
Luminancia
0,255
Metal Petal #B190B1
RGB
rgb(177, 144, 177)
HSL
hsl(300, 17%, 63%)
Luminancia
0,325
Gentle Rain #CBC8C7
RGB
rgb(203, 200, 199)
HSL
hsl(15, 4%, 79%)
Luminancia
0,581
Aged Moustache Grey #7D7D7D
RGB
rgb(125, 125, 125)
HSL
hsl(0, 0%, 49%)
Luminancia
0,205
Flood Out #53A2AC
RGB
rgb(83, 162, 172)
HSL
hsl(187, 35%, 50%)
Luminancia
0,307
Alpine Herbs #43925B
RGB
rgb(67, 146, 91)
HSL
hsl(138, 37%, 42%)
Luminancia
0,225
Brochantite Green #476361
RGB
rgb(71, 99, 97)
HSL
hsl(176, 16%, 33%)
Luminancia
0,111

Contraste y accesibilidad

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

Aa #3C3658 sobre #CBC8C7 6,79:1 AA
Aa #5E475B sobre #CBC8C7 4,99:1 AA
Aa #3C3658 sobre #B190B1 4,03:1 AA, texto grande
Aa #CBC8C7 sobre #476361 3,91:1 AA, texto grande
Aa #3C3658 sobre #53A2AC 3,83:1 AA, texto grande
Aa #3C3658 sobre #A78547 3,27:1 AA, texto grande
Aa #7D685F sobre #CBC8C7 3,14:1 AA, texto grande
Aa #3C3658 sobre #43925B 2,96:1 No aprobado
Aa #5E475B sobre #B190B1 2,96:1 No aprobado
Aa #5E475B sobre #53A2AC 2,82:1 No aprobado
Aa #3C3658 sobre #7D7D7D 2,74:1 No aprobado
Aa #CBC8C7 sobre #7D7D7D 2,47:1 No aprobado
Aa #5E475B sobre #A78547 2,41:1 No aprobado
Aa #B190B1 sobre #476361 2,32:1 No aprobado
Aa #CBC8C7 sobre #43925B 2,30:1 No aprobado
Aa #53A2AC sobre #476361 2,21:1 No aprobado
Aa #5E475B sobre #43925B 2,18:1 No aprobado
Aa #3C3658 sobre #7D685F 2,16:1 No aprobado
Aa #A78547 sobre #CBC8C7 2,07:1 No aprobado
Aa #5E475B sobre #7D7D7D 2,02:1 No aprobado
Aa #A78547 sobre #476361 1,89:1 No aprobado
Aa #7D685F sobre #B190B1 1,87:1 No aprobado
Aa #7D685F sobre #53A2AC 1,78:1 No aprobado
Aa #CBC8C7 sobre #53A2AC 1,77:1 No aprobado
Aa #3C3658 sobre #476361 1,73:1 No aprobado
Aa #43925B sobre #476361 1,71:1 No aprobado
Aa #B190B1 sobre #CBC8C7 1,68:1 No aprobado
Aa #5E475B sobre #7D685F 1,59:1 No aprobado
Aa #7D7D7D sobre #476361 1,58:1 No aprobado
Aa #7D685F sobre #A78547 1,52:1 No aprobado
Aa #B190B1 sobre #7D7D7D 1,47:1 No aprobado
Aa #7D7D7D sobre #53A2AC 1,40:1 No aprobado
Aa #7D685F sobre #43925B 1,37:1 No aprobado
Aa #3C3658 sobre #5E475B 1,36:1 No aprobado
Aa #B190B1 sobre #43925B 1,36:1 No aprobado
Aa #53A2AC sobre #43925B 1,30:1 No aprobado
Aa #5E475B sobre #476361 1,28:1 No aprobado
Aa #7D685F sobre #7D7D7D 1,27:1 No aprobado
Aa #7D685F sobre #476361 1,25:1 No aprobado
Aa #A78547 sobre #B190B1 1,23:1 No aprobado
Aa #A78547 sobre #7D7D7D 1,19:1 No aprobado
Aa #A78547 sobre #53A2AC 1,17:1 No aprobado
Aa #A78547 sobre #43925B 1,11:1 No aprobado
Aa #7D7D7D sobre #43925B 1,08:1 No aprobado
Aa #B190B1 sobre #53A2AC 1,05:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores