Registrarse Registrarse
OXYD

OXYD

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

OXYD

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 8 colores Colores fríos Tonos oscuros Armonía complementaria copper
Me gusta 16
Colores 8

Variables CSS

:root {
  --c-muted-1: #9D9D6B;
  --c-muted-2: #9F7249;
  --c-muted-3: #3B6E64;
  --c-muted-4: #375769;
  --c-muted-5: #323E59;
  --c-muted-6: #253051;
  --c-muted-7: #292543;
  --c-muted-8: #321937;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Domain (#9D9D6B), su tono más claro, a Blackcurrant (#321937), el más oscuro. Combina Domain, Aged Whisky, Statue of Liberty, Summer Night, Gulf Blue, Blue Lobelia, Midnight Velvet y Blackcurrant en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #9D9D6B sobre #321937, con 5,62: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

Domain #9D9D6B
RGB
rgb(157, 157, 107)
HSL
hsl(60, 20%, 52%)
Luminancia
0,323
Aged Whisky #9F7249
RGB
rgb(159, 114, 73)
HSL
hsl(29, 37%, 45%)
Luminancia
0,199
Statue of Liberty #3B6E64
RGB
rgb(59, 110, 100)
HSL
hsl(168, 30%, 33%)
Luminancia
0,130
Summer Night #375769
RGB
rgb(55, 87, 105)
HSL
hsl(202, 31%, 31%)
Luminancia
0,087
Gulf Blue #323E59
RGB
rgb(50, 62, 89)
HSL
hsl(222, 28%, 27%)
Luminancia
0,048
Blue Lobelia #253051
RGB
rgb(37, 48, 81)
HSL
hsl(225, 37%, 23%)
Luminancia
0,031
Midnight Velvet #292543
RGB
rgb(41, 37, 67)
HSL
hsl(248, 29%, 20%)
Luminancia
0,022
Blackcurrant #321937
RGB
rgb(50, 25, 55)
HSL
hsl(290, 38%, 16%)
Luminancia
0,017

Contraste y accesibilidad

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

Aa #9D9D6B sobre #321937 5,62:1 AA
Aa #9D9D6B sobre #292543 5,19:1 AA
Aa #9D9D6B sobre #253051 4,61:1 AA
Aa #9D9D6B sobre #323E59 3,79:1 AA, texto grande
Aa #9F7249 sobre #321937 3,74:1 AA, texto grande
Aa #9F7249 sobre #292543 3,46:1 AA, texto grande
Aa #9F7249 sobre #253051 3,07:1 AA, texto grande
Aa #9D9D6B sobre #375769 2,74:1 No aprobado
Aa #3B6E64 sobre #321937 2,71:1 No aprobado
Aa #9F7249 sobre #323E59 2,53:1 No aprobado
Aa #3B6E64 sobre #292543 2,50:1 No aprobado
Aa #3B6E64 sobre #253051 2,22:1 No aprobado
Aa #9D9D6B sobre #3B6E64 2,07:1 No aprobado
Aa #375769 sobre #321937 2,05:1 No aprobado
Aa #375769 sobre #292543 1,90:1 No aprobado
Aa #3B6E64 sobre #323E59 1,83:1 No aprobado
Aa #9F7249 sobre #375769 1,82:1 No aprobado
Aa #375769 sobre #253051 1,68:1 No aprobado
Aa #9D9D6B sobre #9F7249 1,50:1 No aprobado
Aa #323E59 sobre #321937 1,48:1 No aprobado
Aa #375769 sobre #323E59 1,39:1 No aprobado
Aa #9F7249 sobre #3B6E64 1,38:1 No aprobado
Aa #323E59 sobre #292543 1,37:1 No aprobado
Aa #3B6E64 sobre #375769 1,32:1 No aprobado
Aa #323E59 sobre #253051 1,22:1 No aprobado
Aa #253051 sobre #321937 1,22:1 No aprobado
Aa #253051 sobre #292543 1,13:1 No aprobado
Aa #292543 sobre #321937 1,08: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