Registrarse Registrarse
Sneaky 12

Sneaky 12

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

Volver a la biblioteca

Sneaky 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 rhythmheaven
Me gusta 15
Colores 12

Variables CSS

:root {
  --c-muted-1: #160D1C;
  --c-muted-2: #312649;
  --c-muted-3: #504F74;
  --c-muted-4: #78859A;
  --c-muted-5: #B3D1D4;
  --c-muted-6: #CBD9D9;
  --c-muted-7: #F9F9E3;
  --c-muted-8: #F7E49B;
  --c-muted-9: #C79F72;
  --c-muted-10: #8E5E5E;
  --c-muted-11: #584545;
  --c-muted-12: #382B2B;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Coconut Pulp (#F9F9E3), su tono más claro, a Shot in the Dark (#160D1C), el más oscuro. Combina Shot in the Dark, Blackberry Black, Skipper Blue, Tempest, Hatchling Blue, Raffia Light Grey, Coconut Pulp, Storm Lightning, Gingersnap, Antique Garnet, Mahogany Spice y Ganache en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 25 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #160D1C sobre #F9F9E3, con 17,76: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

Shot in the Dark #160D1C
RGB
rgb(22, 13, 28)
HSL
hsl(276, 37%, 8%)
Luminancia
0,005
Blackberry Black #312649
RGB
rgb(49, 38, 73)
HSL
hsl(259, 32%, 22%)
Luminancia
0,025
Skipper Blue #504F74
RGB
rgb(80, 79, 116)
HSL
hsl(242, 19%, 38%)
Luminancia
0,086
Tempest #78859A
RGB
rgb(120, 133, 154)
HSL
hsl(217, 14%, 54%)
Luminancia
0,231
Hatchling Blue #B3D1D4
RGB
rgb(179, 209, 212)
HSL
hsl(185, 28%, 77%)
Luminancia
0,599
Raffia Light Grey #CBD9D9
RGB
rgb(203, 217, 217)
HSL
hsl(180, 16%, 82%)
Luminancia
0,673
Coconut Pulp #F9F9E3
RGB
rgb(249, 249, 227)
HSL
hsl(60, 65%, 93%)
Luminancia
0,934
Storm Lightning #F7E49B
RGB
rgb(247, 228, 155)
HSL
hsl(48, 85%, 79%)
Luminancia
0,776
Gingersnap #C79F72
RGB
rgb(199, 159, 114)
HSL
hsl(32, 43%, 61%)
Luminancia
0,382
Antique Garnet #8E5E5E
RGB
rgb(142, 94, 94)
HSL
hsl(0, 20%, 46%)
Luminancia
0,146
Mahogany Spice #584545
RGB
rgb(88, 69, 69)
HSL
hsl(0, 12%, 31%)
Luminancia
0,068
Ganache #382B2B
RGB
rgb(56, 43, 43)
HSL
hsl(0, 13%, 19%)
Luminancia
0,027

Contraste y accesibilidad

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

Aa #160D1C sobre #F9F9E3 17,76:1 AAA
Aa #160D1C sobre #F7E49B 14,91:1 AAA
Aa #312649 sobre #F9F9E3 13,09:1 AAA
Aa #160D1C sobre #CBD9D9 13,05:1 AAA
Aa #F9F9E3 sobre #382B2B 12,71:1 AAA
Aa #160D1C sobre #B3D1D4 11,72:1 AAA
Aa #312649 sobre #F7E49B 10,99:1 AAA
Aa #F7E49B sobre #382B2B 10,67:1 AAA
Aa #312649 sobre #CBD9D9 9,62:1 AAA
Aa #CBD9D9 sobre #382B2B 9,34:1 AAA
Aa #312649 sobre #B3D1D4 8,64:1 AAA
Aa #B3D1D4 sobre #382B2B 8,39:1 AAA
Aa #F9F9E3 sobre #584545 8,37:1 AAA
Aa #160D1C sobre #C79F72 7,79:1 AAA
Aa #504F74 sobre #F9F9E3 7,26:1 AAA
Aa #F7E49B sobre #584545 7,03:1 AAA
Aa #CBD9D9 sobre #584545 6,15:1 AA
Aa #504F74 sobre #F7E49B 6,09:1 AA
Aa #312649 sobre #C79F72 5,74:1 AA
Aa #C79F72 sobre #382B2B 5,57:1 AA
Aa #B3D1D4 sobre #584545 5,52:1 AA
Aa #504F74 sobre #CBD9D9 5,33:1 AA
Aa #160D1C sobre #78859A 5,07:1 AA
Aa #F9F9E3 sobre #8E5E5E 5,03:1 AA
Aa #504F74 sobre #B3D1D4 4,79:1 AA
Aa #F7E49B sobre #8E5E5E 4,22:1 AA, texto grande
Aa #312649 sobre #78859A 3,74:1 AA, texto grande
Aa #CBD9D9 sobre #8E5E5E 3,70:1 AA, texto grande
Aa #C79F72 sobre #584545 3,67:1 AA, texto grande
Aa #78859A sobre #382B2B 3,63:1 AA, texto grande
Aa #160D1C sobre #8E5E5E 3,53:1 AA, texto grande
Aa #78859A sobre #F9F9E3 3,50:1 AA, texto grande
Aa #B3D1D4 sobre #8E5E5E 3,32:1 AA, texto grande
Aa #504F74 sobre #C79F72 3,18:1 AA, texto grande
Aa #78859A sobre #F7E49B 2,94:1 No aprobado
Aa #312649 sobre #8E5E5E 2,60:1 No aprobado
Aa #78859A sobre #CBD9D9 2,57:1 No aprobado
Aa #8E5E5E sobre #382B2B 2,53:1 No aprobado
Aa #160D1C sobre #504F74 2,45:1 No aprobado
Aa #78859A sobre #584545 2,39:1 No aprobado
Aa #78859A sobre #B3D1D4 2,31:1 No aprobado
Aa #F9F9E3 sobre #C79F72 2,28:1 No aprobado
Aa #C79F72 sobre #8E5E5E 2,21:1 No aprobado
Aa #160D1C sobre #584545 2,12:1 No aprobado
Aa #504F74 sobre #78859A 2,07:1 No aprobado
Aa #F7E49B sobre #C79F72 1,91:1 No aprobado
Aa #312649 sobre #504F74 1,80:1 No aprobado
Aa #504F74 sobre #382B2B 1,75:1 No aprobado
Aa #CBD9D9 sobre #C79F72 1,68:1 No aprobado
Aa #8E5E5E sobre #584545 1,66:1 No aprobado
Aa #312649 sobre #584545 1,56:1 No aprobado
Aa #78859A sobre #C79F72 1,54:1 No aprobado
Aa #B3D1D4 sobre #F9F9E3 1,52:1 No aprobado
Aa #584545 sobre #382B2B 1,52:1 No aprobado
Aa #B3D1D4 sobre #C79F72 1,50:1 No aprobado
Aa #504F74 sobre #8E5E5E 1,44:1 No aprobado
Aa #78859A sobre #8E5E5E 1,44:1 No aprobado
Aa #160D1C sobre #382B2B 1,40:1 No aprobado
Aa #160D1C sobre #312649 1,36:1 No aprobado
Aa #CBD9D9 sobre #F9F9E3 1,36:1 No aprobado
Aa #B3D1D4 sobre #F7E49B 1,27:1 No aprobado
Aa #F9F9E3 sobre #F7E49B 1,19:1 No aprobado
Aa #504F74 sobre #584545 1,15:1 No aprobado
Aa #CBD9D9 sobre #F7E49B 1,14:1 No aprobado
Aa #B3D1D4 sobre #CBD9D9 1,11:1 No aprobado
Aa #312649 sobre #382B2B 1,03: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