Registrarse Registrarse
Emphasis10

Emphasis10

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Emphasis10

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía triádica

Editar
Colores apagados 10 colores Colores fríos Tonos oscuros Armonía triádica green monoramp blue
Me gusta 50
Colores 10

Variables CSS

:root {
  --c-muted-1: #0D0613;
  --c-muted-2: #051722;
  --c-muted-3: #012C43;
  --c-muted-4: #114B60;
  --c-muted-5: #237178;
  --c-muted-6: #399478;
  --c-muted-7: #57B67F;
  --c-muted-8: #6BD077;
  --c-muted-9: #85E879;
  --c-muted-10: #9FF26E;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de Stadium Lawn (#9FF26E), su tono más claro, a Not Tonight (#0D0613), el más oscuro. Combina Not Tonight, Creeping Death, Nordic Noir, Swallow Blue, Poseidon’s Castle, Illuminating Emerald, Jade Cream, Snow Pea, Herbivore y Stadium Lawn en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 17 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0D0613 sobre #9FF26E, con 14,63: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

Not Tonight #0D0613
RGB
rgb(13, 6, 19)
HSL
hsl(272, 52%, 5%)
Luminancia
0,003
Creeping Death #051722
RGB
rgb(5, 23, 34)
HSL
hsl(203, 74%, 8%)
Luminancia
0,008
Nordic Noir #012C43
RGB
rgb(1, 44, 67)
HSL
hsl(201, 97%, 13%)
Luminancia
0,022
Swallow Blue #114B60
RGB
rgb(17, 75, 96)
HSL
hsl(196, 70%, 22%)
Luminancia
0,060
Poseidon’s Castle #237178
RGB
rgb(35, 113, 120)
HSL
hsl(185, 55%, 30%)
Luminancia
0,135
Illuminating Emerald #399478
RGB
rgb(57, 148, 120)
HSL
hsl(162, 44%, 40%)
Luminancia
0,234
Jade Cream #57B67F
RGB
rgb(87, 182, 127)
HSL
hsl(145, 39%, 53%)
Luminancia
0,370
Snow Pea #6BD077
RGB
rgb(107, 208, 119)
HSL
hsl(127, 52%, 62%)
Luminancia
0,496
Herbivore #85E879
RGB
rgb(133, 232, 121)
HSL
hsl(114, 71%, 69%)
Luminancia
0,641
Stadium Lawn #9FF26E
RGB
rgb(159, 242, 110)
HSL
hsl(98, 84%, 69%)
Luminancia
0,720

Contraste y accesibilidad

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

Aa #0D0613 sobre #9FF26E 14,63:1 AAA
Aa #051722 sobre #9FF26E 13,37:1 AAA
Aa #0D0613 sobre #85E879 13,13:1 AAA
Aa #051722 sobre #85E879 11,99:1 AAA
Aa #012C43 sobre #9FF26E 10,68:1 AAA
Aa #0D0613 sobre #6BD077 10,37:1 AAA
Aa #012C43 sobre #85E879 9,58:1 AAA
Aa #051722 sobre #6BD077 9,47:1 AAA
Aa #0D0613 sobre #57B67F 7,98:1 AAA
Aa #012C43 sobre #6BD077 7,57:1 AAA
Aa #051722 sobre #57B67F 7,29:1 AAA
Aa #114B60 sobre #9FF26E 7,00:1 AAA
Aa #114B60 sobre #85E879 6,28:1 AA
Aa #012C43 sobre #57B67F 5,82:1 AA
Aa #0D0613 sobre #399478 5,40:1 AA
Aa #114B60 sobre #6BD077 4,96:1 AA
Aa #051722 sobre #399478 4,93:1 AA
Aa #237178 sobre #9FF26E 4,16:1 AA, texto grande
Aa #012C43 sobre #399478 3,94:1 AA, texto grande
Aa #114B60 sobre #57B67F 3,82:1 AA, texto grande
Aa #237178 sobre #85E879 3,73:1 AA, texto grande
Aa #0D0613 sobre #237178 3,52:1 AA, texto grande
Aa #051722 sobre #237178 3,22:1 AA, texto grande
Aa #237178 sobre #6BD077 2,95:1 No aprobado
Aa #399478 sobre #9FF26E 2,71:1 No aprobado
Aa #114B60 sobre #399478 2,58:1 No aprobado
Aa #012C43 sobre #237178 2,57:1 No aprobado
Aa #399478 sobre #85E879 2,43:1 No aprobado
Aa #237178 sobre #57B67F 2,27:1 No aprobado
Aa #0D0613 sobre #114B60 2,09:1 No aprobado
Aa #399478 sobre #6BD077 1,92:1 No aprobado
Aa #051722 sobre #114B60 1,91:1 No aprobado
Aa #57B67F sobre #9FF26E 1,83:1 No aprobado
Aa #114B60 sobre #237178 1,68:1 No aprobado
Aa #57B67F sobre #85E879 1,64:1 No aprobado
Aa #237178 sobre #399478 1,53:1 No aprobado
Aa #012C43 sobre #114B60 1,52:1 No aprobado
Aa #399478 sobre #57B67F 1,48:1 No aprobado
Aa #6BD077 sobre #9FF26E 1,41:1 No aprobado
Aa #0D0613 sobre #012C43 1,37:1 No aprobado
Aa #57B67F sobre #6BD077 1,30:1 No aprobado
Aa #6BD077 sobre #85E879 1,27:1 No aprobado
Aa #051722 sobre #012C43 1,25:1 No aprobado
Aa #85E879 sobre #9FF26E 1,11:1 No aprobado
Aa #0D0613 sobre #051722 1,09:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores