Registrarse Registrarse
Malachite6

Malachite6

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Malachite6

Paleta de 6 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Editar
Colores apagados 6 colores Colores fríos Tonos oscuros Armonía monocromática monoramp smbx malachite gemstone
Me gusta 27
Colores 6

Variables CSS

:root {
  --c-muted-1: #2FBFA4;
  --c-muted-2: #099975;
  --c-muted-3: #007753;
  --c-muted-4: #005634;
  --c-muted-5: #0B351F;
  --c-muted-6: #091C12;
}

Sobre esta paleta

Esta paleta de 6 colores apagados va de First Post (#2FBFA4), su tono más claro, a Nightmare (#091C12), el más oscuro. Combina First Post, Jardinière, Victoria Peak, Permanent Green, Dark Jungle y Nightmare en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #2FBFA4 sobre #091C12, con 7,68: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

First Post #2FBFA4
RGB
rgb(47, 191, 164)
HSL
hsl(169, 61%, 47%)
Luminancia
0,406
Jardinière #099975
RGB
rgb(9, 153, 117)
HSL
hsl(165, 89%, 32%)
Luminancia
0,241
Victoria Peak #007753
RGB
rgb(0, 119, 83)
HSL
hsl(162, 100%, 23%)
Luminancia
0,138
Permanent Green #005634
RGB
rgb(0, 86, 52)
HSL
hsl(156, 100%, 17%)
Luminancia
0,069
Dark Jungle #0B351F
RGB
rgb(11, 53, 31)
HSL
hsl(149, 66%, 13%)
Luminancia
0,027
Nightmare #091C12
RGB
rgb(9, 28, 18)
HSL
hsl(148, 51%, 7%)
Luminancia
0,009

Contraste y accesibilidad

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

Aa #2FBFA4 sobre #091C12 7,68:1 AAA
Aa #2FBFA4 sobre #0B351F 5,90:1 AA
Aa #099975 sobre #091C12 4,91:1 AA
Aa #2FBFA4 sobre #005634 3,83:1 AA, texto grande
Aa #099975 sobre #0B351F 3,77:1 AA, texto grande
Aa #007753 sobre #091C12 3,17:1 AA, texto grande
Aa #099975 sobre #005634 2,45:1 No aprobado
Aa #007753 sobre #0B351F 2,44:1 No aprobado
Aa #2FBFA4 sobre #007753 2,42:1 No aprobado
Aa #005634 sobre #091C12 2,01:1 No aprobado
Aa #007753 sobre #005634 1,58:1 No aprobado
Aa #2FBFA4 sobre #099975 1,56:1 No aprobado
Aa #099975 sobre #007753 1,55:1 No aprobado
Aa #005634 sobre #0B351F 1,54:1 No aprobado
Aa #0B351F sobre #091C12 1,30: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