Registrarse Registrarse
Escape9

Escape9

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

Volver a la biblioteca

Escape9

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

Editar
Colores apagados 9 colores Colores fríos Tonos oscuros Armonía triádica green night blue moonlight
Me gusta 220
Colores 9

Variables CSS

:root {
  --c-muted-1: #230019;
  --c-muted-2: #1F2439;
  --c-muted-3: #19374B;
  --c-muted-4: #396D7D;
  --c-muted-5: #719797;
  --c-muted-6: #A2B8B1;
  --c-muted-7: #557B78;
  --c-muted-8: #3C5F66;
  --c-muted-9: #254351;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de Holly Glen (#A2B8B1), su tono más claro, a Belladonna (#230019), el más oscuro. Combina Belladonna, Midnight Express, Subterranean River, Kimberley Sea, Ship Shape, Holly Glen, Breaker Bay, Freedom y Reflecting Pond en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #230019 sobre #A2B8B1, con 9,24: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

Belladonna #230019
RGB
rgb(35, 0, 25)
HSL
hsl(317, 100%, 7%)
Luminancia
0,004
Midnight Express #1F2439
RGB
rgb(31, 36, 57)
HSL
hsl(228, 30%, 17%)
Luminancia
0,019
Subterranean River #19374B
RGB
rgb(25, 55, 75)
HSL
hsl(204, 50%, 20%)
Luminancia
0,035
Kimberley Sea #396D7D
RGB
rgb(57, 109, 125)
HSL
hsl(194, 37%, 36%)
Luminancia
0,133
Ship Shape #719797
RGB
rgb(113, 151, 151)
HSL
hsl(180, 15%, 52%)
Luminancia
0,279
Holly Glen #A2B8B1
RGB
rgb(162, 184, 177)
HSL
hsl(161, 13%, 68%)
Luminancia
0,451
Breaker Bay #557B78
RGB
rgb(85, 123, 120)
HSL
hsl(175, 18%, 41%)
Luminancia
0,175
Freedom #3C5F66
RGB
rgb(60, 95, 102)
HSL
hsl(190, 26%, 32%)
Luminancia
0,101
Reflecting Pond #254351
RGB
rgb(37, 67, 81)
HSL
hsl(199, 37%, 23%)
Luminancia
0,050

Contraste y accesibilidad

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

Aa #230019 sobre #A2B8B1 9,24:1 AAA
Aa #1F2439 sobre #A2B8B1 7,32:1 AAA
Aa #230019 sobre #719797 6,06:1 AA
Aa #19374B sobre #A2B8B1 5,94:1 AA
Aa #A2B8B1 sobre #254351 5,01:1 AA
Aa #1F2439 sobre #719797 4,80:1 AA
Aa #230019 sobre #557B78 4,14:1 AA, texto grande
Aa #19374B sobre #719797 3,89:1 AA, texto grande
Aa #230019 sobre #396D7D 3,37:1 AA, texto grande
Aa #A2B8B1 sobre #3C5F66 3,32:1 AA, texto grande
Aa #719797 sobre #254351 3,29:1 AA, texto grande
Aa #1F2439 sobre #557B78 3,28:1 AA, texto grande
Aa #230019 sobre #3C5F66 2,78:1 No aprobado
Aa #396D7D sobre #A2B8B1 2,74:1 No aprobado
Aa #1F2439 sobre #396D7D 2,67:1 No aprobado
Aa #19374B sobre #557B78 2,66:1 No aprobado
Aa #557B78 sobre #254351 2,24:1 No aprobado
Aa #A2B8B1 sobre #557B78 2,23:1 No aprobado
Aa #1F2439 sobre #3C5F66 2,21:1 No aprobado
Aa #719797 sobre #3C5F66 2,18:1 No aprobado
Aa #19374B sobre #396D7D 2,16:1 No aprobado
Aa #230019 sobre #254351 1,84:1 No aprobado
Aa #396D7D sobre #254351 1,83:1 No aprobado
Aa #396D7D sobre #719797 1,80:1 No aprobado
Aa #19374B sobre #3C5F66 1,79:1 No aprobado
Aa #230019 sobre #19374B 1,56:1 No aprobado
Aa #719797 sobre #A2B8B1 1,52:1 No aprobado
Aa #3C5F66 sobre #254351 1,51:1 No aprobado
Aa #557B78 sobre #3C5F66 1,49:1 No aprobado
Aa #1F2439 sobre #254351 1,46:1 No aprobado
Aa #719797 sobre #557B78 1,46:1 No aprobado
Aa #230019 sobre #1F2439 1,26:1 No aprobado
Aa #1F2439 sobre #19374B 1,23:1 No aprobado
Aa #396D7D sobre #557B78 1,23:1 No aprobado
Aa #396D7D sobre #3C5F66 1,21:1 No aprobado
Aa #19374B sobre #254351 1,18: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