Registrarse Registrarse
TY Blue Seed 7

TY Blue Seed 7

Paleta de 7 colores · Colores fríos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

TY Blue Seed 7

Paleta de 7 colores · Colores fríos · Tonos oscuros · Armonía análoga

Editar
Colores apagados 7 colores Colores fríos Tonos oscuros Armonía análoga dark horror darkseed
Me gusta 28
Colores 7

Variables CSS

:root {
  --c-muted-1: #C7C7C7;
  --c-muted-2: #748783;
  --c-muted-3: #516856;
  --c-muted-4: #324A4B;
  --c-muted-5: #2C3339;
  --c-muted-6: #25282A;
  --c-muted-7: #141724;
}

Sobre esta paleta

Esta paleta de 7 colores apagados va de Paternoster (#C7C7C7), su tono más claro, a River Styx (#141724), el más oscuro. Combina Paternoster, Echo Park, Kale Green, Graphite Black Green, Dracula Orchid, Graphite Black y River Styx en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #C7C7C7 sobre #141724, con 10,55: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

Paternoster #C7C7C7
RGB
rgb(199, 199, 199)
HSL
hsl(0, 0%, 78%)
Luminancia
0,571
Echo Park #748783
RGB
rgb(116, 135, 131)
HSL
hsl(167, 8%, 49%)
Luminancia
0,227
Kale Green #516856
RGB
rgb(81, 104, 86)
HSL
hsl(133, 12%, 36%)
Luminancia
0,123
Graphite Black Green #324A4B
RGB
rgb(50, 74, 75)
HSL
hsl(182, 20%, 25%)
Luminancia
0,061
Dracula Orchid #2C3339
RGB
rgb(44, 51, 57)
HSL
hsl(208, 13%, 20%)
Luminancia
0,032
Graphite Black #25282A
RGB
rgb(37, 40, 42)
HSL
hsl(204, 6%, 15%)
Luminancia
0,021
River Styx #141724
RGB
rgb(20, 23, 36)
HSL
hsl(229, 29%, 11%)
Luminancia
0,009

Contraste y accesibilidad

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

Aa #C7C7C7 sobre #141724 10,55:1 AAA
Aa #C7C7C7 sobre #25282A 8,78:1 AAA
Aa #C7C7C7 sobre #2C3339 7,58:1 AAA
Aa #C7C7C7 sobre #324A4B 5,60:1 AA
Aa #748783 sobre #141724 4,70:1 AA
Aa #748783 sobre #25282A 3,91:1 AA, texto grande
Aa #C7C7C7 sobre #516856 3,59:1 AA, texto grande
Aa #748783 sobre #2C3339 3,38:1 AA, texto grande
Aa #516856 sobre #141724 2,94:1 No aprobado
Aa #748783 sobre #324A4B 2,50:1 No aprobado
Aa #516856 sobre #25282A 2,45:1 No aprobado
Aa #C7C7C7 sobre #748783 2,24:1 No aprobado
Aa #516856 sobre #2C3339 2,11:1 No aprobado
Aa #324A4B sobre #141724 1,88:1 No aprobado
Aa #748783 sobre #516856 1,60:1 No aprobado
Aa #324A4B sobre #25282A 1,57:1 No aprobado
Aa #516856 sobre #324A4B 1,56:1 No aprobado
Aa #2C3339 sobre #141724 1,39:1 No aprobado
Aa #324A4B sobre #2C3339 1,35:1 No aprobado
Aa #25282A sobre #141724 1,20:1 No aprobado
Aa #2C3339 sobre #25282A 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