Registrarse Registrarse
H2O

H2O

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

Volver a la biblioteca

H2O

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 blue lagoon
Me gusta 18
Colores 10

Variables CSS

:root {
  --c-muted-1: #090909;
  --c-muted-2: #18173C;
  --c-muted-3: #293329;
  --c-muted-4: #244457;
  --c-muted-5: #315C3D;
  --c-muted-6: #3B8271;
  --c-muted-7: #519A59;
  --c-muted-8: #92B0A8;
  --c-muted-9: #82CC92;
  --c-muted-10: #EFD7E6;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de All Made Up (#EFD7E6), su tono más claro, a Badab Black Wash (#090909), el más oscuro. Combina Badab Black Wash, Nightwalker, Gordons Green, Astronaut Blue, Verde Garrafa, Copper Mineral Green, Clover Patch, Delicate Green, Good Luck Charm y All Made Up en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #090909 sobre #EFD7E6, con 14,73: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

Badab Black Wash #090909
RGB
rgb(9, 9, 9)
HSL
hsl(0, 0%, 4%)
Luminancia
0,003
Nightwalker #18173C
RGB
rgb(24, 23, 60)
HSL
hsl(242, 45%, 16%)
Luminancia
0,011
Gordons Green #293329
RGB
rgb(41, 51, 41)
HSL
hsl(120, 11%, 18%)
Luminancia
0,030
Astronaut Blue #244457
RGB
rgb(36, 68, 87)
HSL
hsl(202, 41%, 24%)
Luminancia
0,052
Verde Garrafa #315C3D
RGB
rgb(49, 92, 61)
HSL
hsl(137, 30%, 28%)
Luminancia
0,086
Copper Mineral Green #3B8271
RGB
rgb(59, 130, 113)
HSL
hsl(166, 38%, 37%)
Luminancia
0,181
Clover Patch #519A59
RGB
rgb(81, 154, 89)
HSL
hsl(127, 31%, 46%)
Luminancia
0,256
Delicate Green #92B0A8
RGB
rgb(146, 176, 168)
HSL
hsl(164, 16%, 63%)
Luminancia
0,400
Good Luck Charm #82CC92
RGB
rgb(130, 204, 146)
HSL
hsl(133, 42%, 65%)
Luminancia
0,500
All Made Up #EFD7E6
RGB
rgb(239, 215, 230)
HSL
hsl(323, 43%, 89%)
Luminancia
0,727

Contraste y accesibilidad

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

Aa #090909 sobre #EFD7E6 14,73:1 AAA
Aa #18173C sobre #EFD7E6 12,66:1 AAA
Aa #090909 sobre #82CC92 10,43:1 AAA
Aa #293329 sobre #EFD7E6 9,71:1 AAA
Aa #18173C sobre #82CC92 8,97:1 AAA
Aa #090909 sobre #92B0A8 8,53:1 AAA
Aa #244457 sobre #EFD7E6 7,62:1 AAA
Aa #18173C sobre #92B0A8 7,34:1 AAA
Aa #293329 sobre #82CC92 6,88:1 AA
Aa #090909 sobre #519A59 5,80:1 AA
Aa #315C3D sobre #EFD7E6 5,69:1 AA
Aa #293329 sobre #92B0A8 5,62:1 AA
Aa #244457 sobre #82CC92 5,39:1 AA
Aa #18173C sobre #519A59 4,99:1 AA
Aa #244457 sobre #92B0A8 4,41:1 AA, texto grande
Aa #090909 sobre #3B8271 4,38:1 AA, texto grande
Aa #315C3D sobre #82CC92 4,03:1 AA, texto grande
Aa #293329 sobre #519A59 3,82:1 AA, texto grande
Aa #18173C sobre #3B8271 3,76:1 AA, texto grande
Aa #3B8271 sobre #EFD7E6 3,36:1 AA, texto grande
Aa #315C3D sobre #92B0A8 3,30:1 AA, texto grande
Aa #244457 sobre #519A59 3,00:1 AA, texto grande
Aa #293329 sobre #3B8271 2,89:1 No aprobado
Aa #090909 sobre #315C3D 2,59:1 No aprobado
Aa #519A59 sobre #EFD7E6 2,54:1 No aprobado
Aa #3B8271 sobre #82CC92 2,38:1 No aprobado
Aa #244457 sobre #3B8271 2,26:1 No aprobado
Aa #315C3D sobre #519A59 2,24:1 No aprobado
Aa #18173C sobre #315C3D 2,22:1 No aprobado
Aa #3B8271 sobre #92B0A8 1,95:1 No aprobado
Aa #090909 sobre #244457 1,93:1 No aprobado
Aa #519A59 sobre #82CC92 1,80:1 No aprobado
Aa #92B0A8 sobre #EFD7E6 1,73:1 No aprobado
Aa #293329 sobre #315C3D 1,71:1 No aprobado
Aa #315C3D sobre #3B8271 1,69:1 No aprobado
Aa #18173C sobre #244457 1,66:1 No aprobado
Aa #090909 sobre #293329 1,52:1 No aprobado
Aa #519A59 sobre #92B0A8 1,47:1 No aprobado
Aa #82CC92 sobre #EFD7E6 1,41:1 No aprobado
Aa #244457 sobre #315C3D 1,34:1 No aprobado
Aa #3B8271 sobre #519A59 1,32:1 No aprobado
Aa #18173C sobre #293329 1,30:1 No aprobado
Aa #293329 sobre #244457 1,27:1 No aprobado
Aa #92B0A8 sobre #82CC92 1,22:1 No aprobado
Aa #090909 sobre #18173C 1,16: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