Registrarse Registrarse
SweetHope

SweetHope

Paleta de 8 colores · Colores fríos · Tonos claros · Armonía complementaria

Volver a la biblioteca

SweetHope

Paleta de 8 colores · Colores fríos · Tonos claros · Armonía complementaria

Editar
Colores terrosos 8 colores Colores fríos Tonos claros Armonía complementaria artist pastel 8 saturated
Me gusta 382
Colores 8

Variables CSS

:root {
  --c-earthy-1: #615E85;
  --c-earthy-2: #9C8DC2;
  --c-earthy-3: #D9A3CD;
  --c-earthy-4: #EBC3A7;
  --c-earthy-5: #E0E0DC;
  --c-earthy-6: #A3D1AF;
  --c-earthy-7: #90B4DE;
  --c-earthy-8: #717FB0;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de City Brume (#E0E0DC), su tono más claro, a Purple Balloon (#615E85), el más oscuro. Combina Purple Balloon, Hermosa, Chateau Rose, Alesan, City Brume, Merrylyn, Echo Isles Water y Venture Violet en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #615E85 sobre #E0E0DC, con 4,6:1.

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

Purple Balloon #615E85
RGB
rgb(97, 94, 133)
HSL
hsl(245, 17%, 45%)
Luminancia
0,122
Hermosa #9C8DC2
RGB
rgb(156, 141, 194)
HSL
hsl(257, 30%, 66%)
Luminancia
0,300
Chateau Rose #D9A3CD
RGB
rgb(217, 163, 205)
HSL
hsl(313, 42%, 75%)
Luminancia
0,454
Alesan #EBC3A7
RGB
rgb(235, 195, 167)
HSL
hsl(25, 63%, 79%)
Luminancia
0,595
City Brume #E0E0DC
RGB
rgb(224, 224, 220)
HSL
hsl(60, 6%, 87%)
Luminancia
0,743
Merrylyn #A3D1AF
RGB
rgb(163, 209, 175)
HSL
hsl(136, 33%, 73%)
Luminancia
0,565
Echo Isles Water #90B4DE
RGB
rgb(144, 180, 222)
HSL
hsl(212, 54%, 72%)
Luminancia
0,439
Venture Violet #717FB0
RGB
rgb(113, 127, 176)
HSL
hsl(227, 29%, 57%)
Luminancia
0,218

Contraste y accesibilidad

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

Aa #615E85 sobre #E0E0DC 4,60:1 AA
Aa #615E85 sobre #EBC3A7 3,74:1 AA, texto grande
Aa #615E85 sobre #A3D1AF 3,57:1 AA, texto grande
Aa #E0E0DC sobre #717FB0 2,96:1 No aprobado
Aa #615E85 sobre #D9A3CD 2,92:1 No aprobado
Aa #615E85 sobre #90B4DE 2,83:1 No aprobado
Aa #EBC3A7 sobre #717FB0 2,40:1 No aprobado
Aa #A3D1AF sobre #717FB0 2,29:1 No aprobado
Aa #9C8DC2 sobre #E0E0DC 2,27:1 No aprobado
Aa #615E85 sobre #9C8DC2 2,03:1 No aprobado
Aa #D9A3CD sobre #717FB0 1,88:1 No aprobado
Aa #9C8DC2 sobre #EBC3A7 1,84:1 No aprobado
Aa #90B4DE sobre #717FB0 1,82:1 No aprobado
Aa #9C8DC2 sobre #A3D1AF 1,76:1 No aprobado
Aa #E0E0DC sobre #90B4DE 1,62:1 No aprobado
Aa #D9A3CD sobre #E0E0DC 1,58:1 No aprobado
Aa #615E85 sobre #717FB0 1,56:1 No aprobado
Aa #9C8DC2 sobre #D9A3CD 1,44:1 No aprobado
Aa #9C8DC2 sobre #90B4DE 1,40:1 No aprobado
Aa #EBC3A7 sobre #90B4DE 1,32:1 No aprobado
Aa #9C8DC2 sobre #717FB0 1,31:1 No aprobado
Aa #E0E0DC sobre #A3D1AF 1,29:1 No aprobado
Aa #D9A3CD sobre #EBC3A7 1,28:1 No aprobado
Aa #A3D1AF sobre #90B4DE 1,26:1 No aprobado
Aa #EBC3A7 sobre #E0E0DC 1,23:1 No aprobado
Aa #D9A3CD sobre #A3D1AF 1,22:1 No aprobado
Aa #EBC3A7 sobre #A3D1AF 1,05:1 No aprobado
Aa #D9A3CD sobre #90B4DE 1,03:1 No aprobado

Paletas similares

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colores