Registrarse Registrarse
TY Never Found 7

TY Never Found 7

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

Volver a la biblioteca

TY Never Found 7

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

Editar
Colores apagados 7 colores Colores fríos Tonos oscuros Armonía complementaria dark fantasy darkfantasy rpg
Me gusta 13
Colores 7

Variables CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #141F15;
  --c-muted-3: #28283F;
  --c-muted-4: #36421B;
  --c-muted-5: #474744;
  --c-muted-6: #7D7F52;
  --c-muted-7: #AFAF93;
}

Sobre esta paleta

Esta paleta de 7 colores apagados va de Olive Sprig (#AFAF93), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Nightmare, Valhalla, Ceylanite, Brattle Spruce, Calliste Green y Olive Sprig 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 #000000 sobre #AFAF93, con 9,38: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Nightmare #141F15
RGB
rgb(20, 31, 21)
HSL
hsl(125, 22%, 10%)
Luminancia
0,012
Valhalla #28283F
RGB
rgb(40, 40, 63)
HSL
hsl(240, 22%, 20%)
Luminancia
0,023
Ceylanite #36421B
RGB
rgb(54, 66, 27)
HSL
hsl(78, 42%, 18%)
Luminancia
0,048
Brattle Spruce #474744
RGB
rgb(71, 71, 68)
HSL
hsl(60, 2%, 27%)
Luminancia
0,063
Calliste Green #7D7F52
RGB
rgb(125, 127, 82)
HSL
hsl(63, 22%, 41%)
Luminancia
0,202
Olive Sprig #AFAF93
RGB
rgb(175, 175, 147)
HSL
hsl(60, 15%, 63%)
Luminancia
0,419

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 #000000 sobre #AFAF93 9,38:1 AAA
Aa #141F15 sobre #AFAF93 7,58:1 AAA
Aa #28283F sobre #AFAF93 6,40:1 AA
Aa #000000 sobre #7D7F52 5,03:1 AA
Aa #36421B sobre #AFAF93 4,80:1 AA
Aa #474744 sobre #AFAF93 4,16:1 AA, texto grande
Aa #141F15 sobre #7D7F52 4,07:1 AA, texto grande
Aa #28283F sobre #7D7F52 3,43:1 AA, texto grande
Aa #36421B sobre #7D7F52 2,58:1 No aprobado
Aa #000000 sobre #474744 2,25:1 No aprobado
Aa #474744 sobre #7D7F52 2,23:1 No aprobado
Aa #000000 sobre #36421B 1,95:1 No aprobado
Aa #7D7F52 sobre #AFAF93 1,86:1 No aprobado
Aa #141F15 sobre #474744 1,82:1 No aprobado
Aa #141F15 sobre #36421B 1,58:1 No aprobado
Aa #28283F sobre #474744 1,54:1 No aprobado
Aa #000000 sobre #28283F 1,47:1 No aprobado
Aa #28283F sobre #36421B 1,33:1 No aprobado
Aa #000000 sobre #141F15 1,24:1 No aprobado
Aa #141F15 sobre #28283F 1,19:1 No aprobado
Aa #36421B sobre #474744 1,15: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