Registrarse Registrarse
Purple Spider

Purple Spider

Paleta de 7 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Purple Spider

Paleta de 7 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Editar
Colores terrosos 7 colores Colores cálidos Tonos oscuros Armonía triádica
Me gusta 11
Colores 7

Variables CSS

:root {
  --c-earthy-1: #1B1A29;
  --c-earthy-2: #393A4D;
  --c-earthy-3: #574B62;
  --c-earthy-4: #B94080;
  --c-earthy-5: #9F2C60;
  --c-earthy-6: #8A1E40;
  --c-earthy-7: #6A0D24;
}

Sobre esta paleta

Esta paleta de 7 colores terrosos va de Razzle Dazzle (#B94080), su tono más claro, a Coarse Wool (#1B1A29), el más oscuro. Combina Coarse Wool, Carbon Blue, Paparazzi, Razzle Dazzle, Parlour Red, Refined Chianti y Dark Humour en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 21 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Coarse Wool #1B1A29
RGB
rgb(27, 26, 41)
HSL
hsl(244, 22%, 13%)
Luminancia
0,011
Carbon Blue #393A4D
RGB
rgb(57, 58, 77)
HSL
hsl(237, 15%, 26%)
Luminancia
0,044
Paparazzi #574B62
RGB
rgb(87, 75, 98)
HSL
hsl(271, 13%, 34%)
Luminancia
0,079
Razzle Dazzle #B94080
RGB
rgb(185, 64, 128)
HSL
hsl(328, 49%, 49%)
Luminancia
0,155
Parlour Red #9F2C60
RGB
rgb(159, 44, 96)
HSL
hsl(333, 57%, 40%)
Luminancia
0,100
Refined Chianti #8A1E40
RGB
rgb(138, 30, 64)
HSL
hsl(341, 64%, 33%)
Luminancia
0,067
Dark Humour #6A0D24
RGB
rgb(106, 13, 36)
HSL
hsl(345, 78%, 23%)
Luminancia
0,035

Contraste y accesibilidad

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

Aa #1B1A29 sobre #B94080 3,35:1 AA, texto grande
Aa #1B1A29 sobre #9F2C60 2,45:1 No aprobado
Aa #B94080 sobre #6A0D24 2,42:1 No aprobado
Aa #393A4D sobre #B94080 2,18:1 No aprobado
Aa #1B1A29 sobre #574B62 2,11:1 No aprobado
Aa #1B1A29 sobre #8A1E40 1,91:1 No aprobado
Aa #9F2C60 sobre #6A0D24 1,77:1 No aprobado
Aa #B94080 sobre #8A1E40 1,76:1 No aprobado
Aa #393A4D sobre #9F2C60 1,59:1 No aprobado
Aa #574B62 sobre #B94080 1,59:1 No aprobado
Aa #1B1A29 sobre #393A4D 1,54:1 No aprobado
Aa #574B62 sobre #6A0D24 1,53:1 No aprobado
Aa #1B1A29 sobre #6A0D24 1,38:1 No aprobado
Aa #8A1E40 sobre #6A0D24 1,38:1 No aprobado
Aa #393A4D sobre #574B62 1,37:1 No aprobado
Aa #B94080 sobre #9F2C60 1,37:1 No aprobado
Aa #9F2C60 sobre #8A1E40 1,28:1 No aprobado
Aa #393A4D sobre #8A1E40 1,24:1 No aprobado
Aa #574B62 sobre #9F2C60 1,16:1 No aprobado
Aa #393A4D sobre #6A0D24 1,11:1 No aprobado
Aa #574B62 sobre #8A1E40 1,11:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores