Registrarse Registrarse
Sunfall

Sunfall

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

Volver a la biblioteca

Sunfall

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

Editar
Colores apagados 10 colores Colores fríos Tonos oscuros Armonía complementaria orange fire torch torchlight
Me gusta 92
Colores 10

Variables CSS

:root {
  --c-muted-1: #000809;
  --c-muted-2: #021423;
  --c-muted-3: #09243B;
  --c-muted-4: #2A415A;
  --c-muted-5: #586279;
  --c-muted-6: #B43B28;
  --c-muted-7: #D45211;
  --c-muted-8: #FF9537;
  --c-muted-9: #FFD4A3;
  --c-muted-10: #FFECD6;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de Crushed Cashew (#FFECD6), su tono más claro, a Eight Ball (#000809), el más oscuro. Combina Eight Ball, Creeping Death, Celestial Canvas, Blue Tone Ink, Nightly, Bricky Brick, Hot Bolognese, Energy Orange, Sherbet Pop y Crushed Cashew en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000809 sobre #FFECD6, con 17,54: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

Eight Ball #000809
RGB
rgb(0, 8, 9)
HSL
hsl(187, 100%, 2%)
Luminancia
0,002
Creeping Death #021423
RGB
rgb(2, 20, 35)
HSL
hsl(207, 89%, 7%)
Luminancia
0,006
Celestial Canvas #09243B
RGB
rgb(9, 36, 59)
HSL
hsl(208, 74%, 13%)
Luminancia
0,016
Blue Tone Ink #2A415A
RGB
rgb(42, 65, 90)
HSL
hsl(211, 36%, 26%)
Luminancia
0,050
Nightly #586279
RGB
rgb(88, 98, 121)
HSL
hsl(222, 16%, 41%)
Luminancia
0,122
Bricky Brick #B43B28
RGB
rgb(180, 59, 40)
HSL
hsl(8, 64%, 43%)
Luminancia
0,130
Hot Bolognese #D45211
RGB
rgb(212, 82, 17)
HSL
hsl(20, 85%, 45%)
Luminancia
0,201
Energy Orange #FF9537
RGB
rgb(255, 149, 55)
HSL
hsl(28, 100%, 61%)
Luminancia
0,430
Sherbet Pop #FFD4A3
RGB
rgb(255, 212, 163)
HSL
hsl(32, 100%, 82%)
Luminancia
0,710
Crushed Cashew #FFECD6
RGB
rgb(255, 236, 214)
HSL
hsl(32, 100%, 92%)
Luminancia
0,861

Contraste y accesibilidad

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

Aa #000809 sobre #FFECD6 17,54:1 AAA
Aa #021423 sobre #FFECD6 16,17:1 AAA
Aa #000809 sobre #FFD4A3 14,63:1 AAA
Aa #09243B sobre #FFECD6 13,73:1 AAA
Aa #021423 sobre #FFD4A3 13,49:1 AAA
Aa #09243B sobre #FFD4A3 11,45:1 AAA
Aa #000809 sobre #FF9537 9,25:1 AAA
Aa #2A415A sobre #FFECD6 9,10:1 AAA
Aa #021423 sobre #FF9537 8,52:1 AAA
Aa #2A415A sobre #FFD4A3 7,59:1 AAA
Aa #09243B sobre #FF9537 7,24:1 AAA
Aa #586279 sobre #FFECD6 5,30:1 AA
Aa #B43B28 sobre #FFECD6 5,07:1 AA
Aa #000809 sobre #D45211 4,83:1 AA
Aa #2A415A sobre #FF9537 4,80:1 AA
Aa #021423 sobre #D45211 4,45:1 AA, texto grande
Aa #586279 sobre #FFD4A3 4,42:1 AA, texto grande
Aa #B43B28 sobre #FFD4A3 4,23:1 AA, texto grande
Aa #09243B sobre #D45211 3,78:1 AA, texto grande
Aa #D45211 sobre #FFECD6 3,63:1 AA, texto grande
Aa #000809 sobre #B43B28 3,46:1 AA, texto grande
Aa #000809 sobre #586279 3,31:1 AA, texto grande
Aa #021423 sobre #B43B28 3,19:1 AA, texto grande
Aa #021423 sobre #586279 3,05:1 AA, texto grande
Aa #D45211 sobre #FFD4A3 3,03:1 AA, texto grande
Aa #586279 sobre #FF9537 2,79:1 No aprobado
Aa #09243B sobre #B43B28 2,71:1 No aprobado
Aa #B43B28 sobre #FF9537 2,67:1 No aprobado
Aa #09243B sobre #586279 2,59:1 No aprobado
Aa #2A415A sobre #D45211 2,50:1 No aprobado
Aa #000809 sobre #2A415A 1,93:1 No aprobado
Aa #D45211 sobre #FF9537 1,92:1 No aprobado
Aa #FF9537 sobre #FFECD6 1,90:1 No aprobado
Aa #2A415A sobre #B43B28 1,80:1 No aprobado
Aa #021423 sobre #2A415A 1,78:1 No aprobado
Aa #2A415A sobre #586279 1,72:1 No aprobado
Aa #FF9537 sobre #FFD4A3 1,58:1 No aprobado
Aa #09243B sobre #2A415A 1,51:1 No aprobado
Aa #586279 sobre #D45211 1,46:1 No aprobado
Aa #B43B28 sobre #D45211 1,39:1 No aprobado
Aa #000809 sobre #09243B 1,28:1 No aprobado
Aa #FFD4A3 sobre #FFECD6 1,20:1 No aprobado
Aa #021423 sobre #09243B 1,18:1 No aprobado
Aa #000809 sobre #021423 1,08:1 No aprobado
Aa #586279 sobre #B43B28 1,05: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