Registrarse Registrarse
Grenade 8

Grenade 8

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Grenade 8

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Editar
Colores apagados 8 colores Colores cálidos Tonos oscuros Armonía triádica green brown grenade dim
Me gusta 64
Colores 8

Variables CSS

:root {
  --c-muted-1: #0D0B08;
  --c-muted-2: #131A17;
  --c-muted-3: #1B2621;
  --c-muted-4: #263D32;
  --c-muted-5: #2B5744;
  --c-muted-6: #377A5D;
  --c-muted-7: #6BAD92;
  --c-muted-8: #95D9BC;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Green Jewel (#95D9BC), su tono más claro, a Stout (#0D0B08), el más oscuro. Combina Stout, Dark Moon, Shadow Warrior, English Holly, Fresh Mint, Liquid Green Stuff, Dublin Jack y Green Jewel en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0D0B08 sobre #95D9BC, con 12,1: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

Stout #0D0B08
RGB
rgb(13, 11, 8)
HSL
hsl(36, 24%, 4%)
Luminancia
0,003
Dark Moon #131A17
RGB
rgb(19, 26, 23)
HSL
hsl(154, 16%, 9%)
Luminancia
0,009
Shadow Warrior #1B2621
RGB
rgb(27, 38, 33)
HSL
hsl(153, 17%, 13%)
Luminancia
0,017
English Holly #263D32
RGB
rgb(38, 61, 50)
HSL
hsl(151, 23%, 19%)
Luminancia
0,040
Fresh Mint #2B5744
RGB
rgb(43, 87, 68)
HSL
hsl(154, 34%, 25%)
Luminancia
0,078
Liquid Green Stuff #377A5D
RGB
rgb(55, 122, 93)
HSL
hsl(154, 38%, 35%)
Luminancia
0,155
Dublin Jack #6BAD92
RGB
rgb(107, 173, 146)
HSL
hsl(155, 29%, 55%)
Luminancia
0,351
Green Jewel #95D9BC
RGB
rgb(149, 217, 188)
HSL
hsl(154, 47%, 72%)
Luminancia
0,597

Contraste y accesibilidad

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

Aa #0D0B08 sobre #95D9BC 12,10:1 AAA
Aa #131A17 sobre #95D9BC 10,88:1 AAA
Aa #1B2621 sobre #95D9BC 9,61:1 AAA
Aa #0D0B08 sobre #6BAD92 7,50:1 AAA
Aa #263D32 sobre #95D9BC 7,20:1 AAA
Aa #131A17 sobre #6BAD92 6,75:1 AA
Aa #1B2621 sobre #6BAD92 5,96:1 AA
Aa #2B5744 sobre #95D9BC 5,07:1 AA
Aa #263D32 sobre #6BAD92 4,46:1 AA, texto grande
Aa #0D0B08 sobre #377A5D 3,84:1 AA, texto grande
Aa #131A17 sobre #377A5D 3,46:1 AA, texto grande
Aa #377A5D sobre #95D9BC 3,15:1 AA, texto grande
Aa #2B5744 sobre #6BAD92 3,14:1 AA, texto grande
Aa #1B2621 sobre #377A5D 3,05:1 AA, texto grande
Aa #0D0B08 sobre #2B5744 2,39:1 No aprobado
Aa #263D32 sobre #377A5D 2,29:1 No aprobado
Aa #131A17 sobre #2B5744 2,15:1 No aprobado
Aa #377A5D sobre #6BAD92 1,95:1 No aprobado
Aa #1B2621 sobre #2B5744 1,89:1 No aprobado
Aa #0D0B08 sobre #263D32 1,68:1 No aprobado
Aa #2B5744 sobre #377A5D 1,61:1 No aprobado
Aa #6BAD92 sobre #95D9BC 1,61:1 No aprobado
Aa #131A17 sobre #263D32 1,51:1 No aprobado
Aa #263D32 sobre #2B5744 1,42:1 No aprobado
Aa #1B2621 sobre #263D32 1,33:1 No aprobado
Aa #0D0B08 sobre #1B2621 1,26:1 No aprobado
Aa #131A17 sobre #1B2621 1,13:1 No aprobado
Aa #0D0B08 sobre #131A17 1,11: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