Registrarse Registrarse
Arch

Arch

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

Arch

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía análoga

Editar
Colores apagados 11 colores Colores fríos Tonos mixtos Armonía análoga pink arch blurple 11colors
Me gusta 458
Colores 11

Variables CSS

:root {
  --c-muted-1: #323348;
  --c-muted-2: #3F4873;
  --c-muted-3: #4C5797;
  --c-muted-4: #616FAE;
  --c-muted-5: #757AB2;
  --c-muted-6: #9288BD;
  --c-muted-7: #A097C4;
  --c-muted-8: #D9B7D8;
  --c-muted-9: #FDC5C6;
  --c-muted-10: #FEE7D5;
  --c-muted-11: #FDFDFF;
}

Sobre esta paleta

Esta paleta de 11 colores apagados va de Pale Grey (#FDFDFF), su tono más claro, a Deep Velvet (#323348), el más oscuro. Combina Deep Velvet, Constellation Blue, Onion Skin Blue, Loch Ness, Ontario Violet, Heliotropic Mauve, Majestic Violet, French Lilac, Crystal Rose, Mood Lighting y Pale Grey en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #323348 sobre #FDFDFF, con 12,14: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

Deep Velvet #323348
RGB
rgb(50, 51, 72)
HSL
hsl(237, 18%, 24%)
Luminancia
0,035
Constellation Blue #3F4873
RGB
rgb(63, 72, 115)
HSL
hsl(230, 29%, 35%)
Luminancia
0,069
Onion Skin Blue #4C5797
RGB
rgb(76, 87, 151)
HSL
hsl(231, 33%, 45%)
Luminancia
0,106
Loch Ness #616FAE
RGB
rgb(97, 111, 174)
HSL
hsl(229, 32%, 53%)
Luminancia
0,170
Ontario Violet #757AB2
RGB
rgb(117, 122, 178)
HSL
hsl(235, 28%, 58%)
Luminancia
0,209
Heliotropic Mauve #9288BD
RGB
rgb(146, 136, 189)
HSL
hsl(251, 29%, 64%)
Luminancia
0,274
Majestic Violet #A097C4
RGB
rgb(160, 151, 196)
HSL
hsl(252, 28%, 68%)
Luminancia
0,336
French Lilac #D9B7D8
RGB
rgb(217, 183, 216)
HSL
hsl(302, 31%, 78%)
Luminancia
0,536
Crystal Rose #FDC5C6
RGB
rgb(253, 197, 198)
HSL
hsl(359, 93%, 88%)
Luminancia
0,649
Mood Lighting #FEE7D5
RGB
rgb(254, 231, 213)
HSL
hsl(26, 95%, 92%)
Luminancia
0,830
Pale Grey #FDFDFF
RGB
rgb(253, 253, 255)
HSL
hsl(240, 100%, 100%)
Luminancia
0,984

Contraste y accesibilidad

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

Aa #323348 sobre #FDFDFF 12,14:1 AAA
Aa #323348 sobre #FEE7D5 10,34:1 AAA
Aa #3F4873 sobre #FDFDFF 8,66:1 AAA
Aa #323348 sobre #FDC5C6 8,21:1 AAA
Aa #3F4873 sobre #FEE7D5 7,38:1 AAA
Aa #323348 sobre #D9B7D8 6,88:1 AA
Aa #4C5797 sobre #FDFDFF 6,63:1 AA
Aa #3F4873 sobre #FDC5C6 5,86:1 AA
Aa #4C5797 sobre #FEE7D5 5,65:1 AA
Aa #3F4873 sobre #D9B7D8 4,91:1 AA
Aa #616FAE sobre #FDFDFF 4,71:1 AA
Aa #323348 sobre #A097C4 4,53:1 AA
Aa #4C5797 sobre #FDC5C6 4,48:1 AA, texto grande
Aa #616FAE sobre #FEE7D5 4,01:1 AA, texto grande
Aa #757AB2 sobre #FDFDFF 3,99:1 AA, texto grande
Aa #323348 sobre #9288BD 3,80:1 AA, texto grande
Aa #4C5797 sobre #D9B7D8 3,76:1 AA, texto grande
Aa #757AB2 sobre #FEE7D5 3,40:1 AA, texto grande
Aa #3F4873 sobre #A097C4 3,24:1 AA, texto grande
Aa #9288BD sobre #FDFDFF 3,19:1 AA, texto grande
Aa #616FAE sobre #FDC5C6 3,18:1 AA, texto grande
Aa #323348 sobre #757AB2 3,04:1 AA, texto grande
Aa #3F4873 sobre #9288BD 2,72:1 No aprobado
Aa #9288BD sobre #FEE7D5 2,72:1 No aprobado
Aa #757AB2 sobre #FDC5C6 2,70:1 No aprobado
Aa #A097C4 sobre #FDFDFF 2,68:1 No aprobado
Aa #616FAE sobre #D9B7D8 2,67:1 No aprobado
Aa #323348 sobre #616FAE 2,58:1 No aprobado
Aa #4C5797 sobre #A097C4 2,48:1 No aprobado
Aa #A097C4 sobre #FEE7D5 2,28:1 No aprobado
Aa #757AB2 sobre #D9B7D8 2,26:1 No aprobado
Aa #3F4873 sobre #757AB2 2,17:1 No aprobado
Aa #9288BD sobre #FDC5C6 2,16:1 No aprobado
Aa #4C5797 sobre #9288BD 2,08:1 No aprobado
Aa #3F4873 sobre #616FAE 1,84:1 No aprobado
Aa #323348 sobre #4C5797 1,83:1 No aprobado
Aa #9288BD sobre #D9B7D8 1,81:1 No aprobado
Aa #A097C4 sobre #FDC5C6 1,81:1 No aprobado
Aa #616FAE sobre #A097C4 1,76:1 No aprobado
Aa #D9B7D8 sobre #FDFDFF 1,76:1 No aprobado
Aa #4C5797 sobre #757AB2 1,66:1 No aprobado
Aa #A097C4 sobre #D9B7D8 1,52:1 No aprobado
Aa #D9B7D8 sobre #FEE7D5 1,50:1 No aprobado
Aa #757AB2 sobre #A097C4 1,49:1 No aprobado
Aa #FDC5C6 sobre #FDFDFF 1,48:1 No aprobado
Aa #616FAE sobre #9288BD 1,47:1 No aprobado
Aa #4C5797 sobre #616FAE 1,41:1 No aprobado
Aa #323348 sobre #3F4873 1,40:1 No aprobado
Aa #3F4873 sobre #4C5797 1,31:1 No aprobado
Aa #FDC5C6 sobre #FEE7D5 1,26:1 No aprobado
Aa #757AB2 sobre #9288BD 1,25:1 No aprobado
Aa #9288BD sobre #A097C4 1,19:1 No aprobado
Aa #D9B7D8 sobre #FDC5C6 1,19:1 No aprobado
Aa #616FAE sobre #757AB2 1,18:1 No aprobado
Aa #FEE7D5 sobre #FDFDFF 1,17:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores