Registrarse Registrarse
GoodBoy

GoodBoy

Paleta de 4 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

GoodBoy

Paleta de 4 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Editar
Colores apagados 4 colores Colores fríos Tonos oscuros Armonía monocromática
Me gusta 27
Colores 4

Variables CSS

:root {
  --c-muted-1: #08C8F0;
  --c-muted-2: #146478;
  --c-muted-3: #0A323C;
  --c-muted-4: #05191E;
}

Sobre esta paleta

Esta paleta de 4 colores apagados va de Picnic Day Sky (#08C8F0), su tono más claro, a Creeping Death (#05191E), el más oscuro. Combina Picnic Day Sky, Blue Enchantment, Firmament Blue y Creeping Death en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #08C8F0 sobre #05191E, con 9,04: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

Picnic Day Sky #08C8F0
RGB
rgb(8, 200, 240)
HSL
hsl(190, 94%, 49%)
Luminancia
0,477
Blue Enchantment #146478
RGB
rgb(20, 100, 120)
HSL
hsl(192, 71%, 27%)
Luminancia
0,106
Firmament Blue #0A323C
RGB
rgb(10, 50, 60)
HSL
hsl(192, 71%, 14%)
Luminancia
0,027
Creeping Death #05191E
RGB
rgb(5, 25, 30)
HSL
hsl(192, 71%, 7%)
Luminancia
0,008

Contraste y accesibilidad

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

Aa #08C8F0 sobre #05191E 9,04:1 AAA
Aa #08C8F0 sobre #0A323C 6,86:1 AA
Aa #08C8F0 sobre #146478 3,37:1 AA, texto grande
Aa #146478 sobre #05191E 2,68:1 No aprobado
Aa #146478 sobre #0A323C 2,04:1 No aprobado
Aa #0A323C sobre #05191E 1,32: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