Registrarse Registrarse
Moonlit 3

Moonlit 3

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

Volver a la biblioteca

Moonlit 3

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

Editar
Colores apagados 3 colores Colores fríos Tonos oscuros Armonía complementaria artist night moonlight moonlit
Me gusta 27
Colores 3

Variables CSS

:root {
  --c-muted-1: #4396BF;
  --c-muted-2: #663733;
  --c-muted-3: #212133;
}

Sobre esta paleta

Esta paleta de 3 colores apagados va de Coastline Blue (#4396BF), su tono más claro, a Black Velvet (#212133), el más oscuro. Combina Coastline Blue, War God y Black Velvet en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 3. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #4396BF sobre #212133, con 4,78: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

Coastline Blue #4396BF
RGB
rgb(67, 150, 191)
HSL
hsl(200, 49%, 51%)
Luminancia
0,268
War God #663733
RGB
rgb(102, 55, 51)
HSL
hsl(5, 33%, 30%)
Luminancia
0,058
Black Velvet #212133
RGB
rgb(33, 33, 51)
HSL
hsl(240, 21%, 16%)
Luminancia
0,017

Contraste y accesibilidad

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

Aa #4396BF sobre #212133 4,78:1 AA
Aa #4396BF sobre #663733 2,94:1 No aprobado
Aa #663733 sobre #212133 1,62: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