Registrarse Registrarse
Poison Ukka

Poison Ukka

Paleta de 11 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Poison Ukka

Paleta de 11 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Editar
Colores apagados 11 colores Colores cálidos Tonos oscuros Armonía monocromática polyphrog grey stone
Me gusta 48
Colores 11

Variables CSS

:root {
  --c-muted-1: #1C1210;
  --c-muted-2: #302B26;
  --c-muted-3: #333439;
  --c-muted-4: #473B45;
  --c-muted-5: #454D42;
  --c-muted-6: #5B5248;
  --c-muted-7: #6D6D64;
  --c-muted-8: #77826B;
  --c-muted-9: #809494;
  --c-muted-10: #BEBEA3;
  --c-muted-11: #E9E7E6;
}

Sobre esta paleta

Esta paleta de 11 colores apagados va de Deep Daigi White (#E9E7E6), su tono más claro, a Scandinavian Liquorice (#1C1210), el más oscuro. Combina Scandinavian Liquorice, Noir, Dark Kettle Black, Eclectic Purple, Ancient Pine, Tarmac, Bonsai Trunk, Gazebo Green, Raindance, Mint Frost y Deep Daigi White en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 13 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1C1210 sobre #E9E7E6, con 14,9: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

Scandinavian Liquorice #1C1210
RGB
rgb(28, 18, 16)
HSL
hsl(10, 27%, 9%)
Luminancia
0,007
Noir #302B26
RGB
rgb(48, 43, 38)
HSL
hsl(30, 12%, 17%)
Luminancia
0,025
Dark Kettle Black #333439
RGB
rgb(51, 52, 57)
HSL
hsl(230, 6%, 21%)
Luminancia
0,035
Eclectic Purple #473B45
RGB
rgb(71, 59, 69)
HSL
hsl(310, 9%, 25%)
Luminancia
0,049
Ancient Pine #454D42
RGB
rgb(69, 77, 66)
HSL
hsl(104, 8%, 28%)
Luminancia
0,070
Tarmac #5B5248
RGB
rgb(91, 82, 72)
HSL
hsl(32, 12%, 32%)
Luminancia
0,087
Bonsai Trunk #6D6D64
RGB
rgb(109, 109, 100)
HSL
hsl(60, 4%, 41%)
Luminancia
0,151
Gazebo Green #77826B
RGB
rgb(119, 130, 107)
HSL
hsl(89, 10%, 46%)
Luminancia
0,210
Raindance #809494
RGB
rgb(128, 148, 148)
HSL
hsl(180, 9%, 54%)
Luminancia
0,279
Mint Frost #BEBEA3
RGB
rgb(190, 190, 163)
HSL
hsl(60, 17%, 69%)
Luminancia
0,504
Deep Daigi White #E9E7E6
RGB
rgb(233, 231, 230)
HSL
hsl(20, 6%, 91%)
Luminancia
0,802

Contraste y accesibilidad

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

Aa #1C1210 sobre #E9E7E6 14,90:1 AAA
Aa #302B26 sobre #E9E7E6 11,36:1 AAA
Aa #333439 sobre #E9E7E6 10,08:1 AAA
Aa #1C1210 sobre #BEBEA3 9,69:1 AAA
Aa #473B45 sobre #E9E7E6 8,61:1 AAA
Aa #302B26 sobre #BEBEA3 7,39:1 AAA
Aa #454D42 sobre #E9E7E6 7,12:1 AAA
Aa #333439 sobre #BEBEA3 6,55:1 AA
Aa #5B5248 sobre #E9E7E6 6,21:1 AA
Aa #1C1210 sobre #809494 5,76:1 AA
Aa #473B45 sobre #BEBEA3 5,60:1 AA
Aa #454D42 sobre #BEBEA3 4,63:1 AA
Aa #1C1210 sobre #77826B 4,54:1 AA
Aa #302B26 sobre #809494 4,39:1 AA, texto grande
Aa #6D6D64 sobre #E9E7E6 4,24:1 AA, texto grande
Aa #5B5248 sobre #BEBEA3 4,04:1 AA, texto grande
Aa #333439 sobre #809494 3,89:1 AA, texto grande
Aa #1C1210 sobre #6D6D64 3,52:1 AA, texto grande
Aa #302B26 sobre #77826B 3,46:1 AA, texto grande
Aa #473B45 sobre #809494 3,32:1 AA, texto grande
Aa #77826B sobre #E9E7E6 3,28:1 AA, texto grande
Aa #333439 sobre #77826B 3,07:1 AA, texto grande
Aa #6D6D64 sobre #BEBEA3 2,76:1 No aprobado
Aa #454D42 sobre #809494 2,75:1 No aprobado
Aa #302B26 sobre #6D6D64 2,68:1 No aprobado
Aa #473B45 sobre #77826B 2,62:1 No aprobado
Aa #809494 sobre #E9E7E6 2,59:1 No aprobado
Aa #1C1210 sobre #5B5248 2,40:1 No aprobado
Aa #5B5248 sobre #809494 2,40:1 No aprobado
Aa #333439 sobre #6D6D64 2,38:1 No aprobado
Aa #454D42 sobre #77826B 2,17:1 No aprobado
Aa #77826B sobre #BEBEA3 2,14:1 No aprobado
Aa #1C1210 sobre #454D42 2,09:1 No aprobado
Aa #473B45 sobre #6D6D64 2,03:1 No aprobado
Aa #5B5248 sobre #77826B 1,89:1 No aprobado
Aa #302B26 sobre #5B5248 1,83:1 No aprobado
Aa #1C1210 sobre #473B45 1,73:1 No aprobado
Aa #454D42 sobre #6D6D64 1,68:1 No aprobado
Aa #809494 sobre #BEBEA3 1,68:1 No aprobado
Aa #6D6D64 sobre #809494 1,64:1 No aprobado
Aa #333439 sobre #5B5248 1,62:1 No aprobado
Aa #302B26 sobre #454D42 1,60:1 No aprobado
Aa #BEBEA3 sobre #E9E7E6 1,54:1 No aprobado
Aa #1C1210 sobre #333439 1,48:1 No aprobado
Aa #5B5248 sobre #6D6D64 1,46:1 No aprobado
Aa #333439 sobre #454D42 1,42:1 No aprobado
Aa #473B45 sobre #5B5248 1,39:1 No aprobado
Aa #302B26 sobre #473B45 1,32:1 No aprobado
Aa #1C1210 sobre #302B26 1,31:1 No aprobado
Aa #6D6D64 sobre #77826B 1,29:1 No aprobado
Aa #77826B sobre #809494 1,27:1 No aprobado
Aa #473B45 sobre #454D42 1,21:1 No aprobado
Aa #333439 sobre #473B45 1,17:1 No aprobado
Aa #454D42 sobre #5B5248 1,15:1 No aprobado
Aa #302B26 sobre #333439 1,13:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores