Registrarse Registrarse
Retro Space

Retro Space

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Retro Space

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 11 colores Colores fríos Tonos mixtos Armonía complementaria space retro
Me gusta 25
Colores 11

Variables CSS

:root {
  --c-earthy-1: #77A6A9;
  --c-earthy-2: #56787A;
  --c-earthy-3: #618FAD;
  --c-earthy-4: #45657A;
  --c-earthy-5: #333333;
  --c-earthy-6: #E1CCAD;
  --c-earthy-7: #C24D3F;
  --c-earthy-8: #963C31;
  --c-earthy-9: #EBB8A4;
  --c-earthy-10: #BA8B79;
  --c-earthy-11: #D9C380;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Sundew (#E1CCAD), su tono más claro, a Carbon (#333333), el más oscuro. Combina Cresting Waves, Blue Sage, Alpha Tango, Noshime Flower, Carbon, Sundew, Sweet Baby Rose, Vermilion Seabass, Pink Abalone, Tuscany y Germania en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #333333 sobre #E1CCAD, con 8,09: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

Cresting Waves #77A6A9
RGB
rgb(119, 166, 169)
HSL
hsl(184, 23%, 56%)
Luminancia
0,341
Blue Sage #56787A
RGB
rgb(86, 120, 122)
HSL
hsl(183, 17%, 41%)
Luminancia
0,168
Alpha Tango #618FAD
RGB
rgb(97, 143, 173)
HSL
hsl(204, 32%, 53%)
Luminancia
0,252
Noshime Flower #45657A
RGB
rgb(69, 101, 122)
HSL
hsl(204, 28%, 37%)
Luminancia
0,120
Carbon #333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
Luminancia
0,033
Sundew #E1CCAD
RGB
rgb(225, 204, 173)
HSL
hsl(36, 46%, 78%)
Luminancia
0,622
Sweet Baby Rose #C24D3F
RGB
rgb(194, 77, 63)
HSL
hsl(6, 52%, 50%)
Luminancia
0,171
Vermilion Seabass #963C31
RGB
rgb(150, 60, 49)
HSL
hsl(7, 51%, 39%)
Luminancia
0,099
Pink Abalone #EBB8A4
RGB
rgb(235, 184, 164)
HSL
hsl(17, 64%, 78%)
Luminancia
0,546
Tuscany #BA8B79
RGB
rgb(186, 139, 121)
HSL
hsl(17, 32%, 60%)
Luminancia
0,303
Germania #D9C380
RGB
rgb(217, 195, 128)
HSL
hsl(45, 54%, 68%)
Luminancia
0,553

Contraste y accesibilidad

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

Aa #333333 sobre #E1CCAD 8,09:1 AAA
Aa #333333 sobre #D9C380 7,26:1 AAA
Aa #333333 sobre #EBB8A4 7,17:1 AAA
Aa #77A6A9 sobre #333333 4,70:1 AA
Aa #E1CCAD sobre #963C31 4,50:1 AA
Aa #333333 sobre #BA8B79 4,25:1 AA, texto grande
Aa #963C31 sobre #D9C380 4,04:1 AA, texto grande
Aa #963C31 sobre #EBB8A4 3,99:1 AA, texto grande
Aa #45657A sobre #E1CCAD 3,96:1 AA, texto grande
Aa #618FAD sobre #333333 3,63:1 AA, texto grande
Aa #45657A sobre #D9C380 3,55:1 AA, texto grande
Aa #45657A sobre #EBB8A4 3,51:1 AA, texto grande
Aa #56787A sobre #E1CCAD 3,08:1 AA, texto grande
Aa #E1CCAD sobre #C24D3F 3,04:1 AA, texto grande
Aa #56787A sobre #D9C380 2,77:1 No aprobado
Aa #56787A sobre #EBB8A4 2,73:1 No aprobado
Aa #C24D3F sobre #D9C380 2,73:1 No aprobado
Aa #C24D3F sobre #EBB8A4 2,69:1 No aprobado
Aa #333333 sobre #C24D3F 2,66:1 No aprobado
Aa #56787A sobre #333333 2,63:1 No aprobado
Aa #77A6A9 sobre #963C31 2,61:1 No aprobado
Aa #963C31 sobre #BA8B79 2,36:1 No aprobado
Aa #77A6A9 sobre #45657A 2,30:1 No aprobado
Aa #618FAD sobre #E1CCAD 2,23:1 No aprobado
Aa #45657A sobre #BA8B79 2,08:1 No aprobado
Aa #45657A sobre #333333 2,04:1 No aprobado
Aa #618FAD sobre #963C31 2,02:1 No aprobado
Aa #618FAD sobre #D9C380 2,00:1 No aprobado
Aa #618FAD sobre #EBB8A4 1,97:1 No aprobado
Aa #E1CCAD sobre #BA8B79 1,90:1 No aprobado
Aa #333333 sobre #963C31 1,80:1 No aprobado
Aa #77A6A9 sobre #56787A 1,79:1 No aprobado
Aa #618FAD sobre #45657A 1,78:1 No aprobado
Aa #77A6A9 sobre #C24D3F 1,76:1 No aprobado
Aa #77A6A9 sobre #E1CCAD 1,72:1 No aprobado
Aa #BA8B79 sobre #D9C380 1,71:1 No aprobado
Aa #EBB8A4 sobre #BA8B79 1,69:1 No aprobado
Aa #56787A sobre #BA8B79 1,62:1 No aprobado
Aa #C24D3F sobre #BA8B79 1,59:1 No aprobado
Aa #77A6A9 sobre #D9C380 1,54:1 No aprobado
Aa #77A6A9 sobre #EBB8A4 1,53:1 No aprobado
Aa #C24D3F sobre #963C31 1,48:1 No aprobado
Aa #56787A sobre #963C31 1,46:1 No aprobado
Aa #56787A sobre #618FAD 1,38:1 No aprobado
Aa #618FAD sobre #C24D3F 1,36:1 No aprobado
Aa #45657A sobre #C24D3F 1,30:1 No aprobado
Aa #77A6A9 sobre #618FAD 1,29:1 No aprobado
Aa #56787A sobre #45657A 1,29:1 No aprobado
Aa #618FAD sobre #BA8B79 1,17:1 No aprobado
Aa #45657A sobre #963C31 1,14:1 No aprobado
Aa #E1CCAD sobre #EBB8A4 1,13:1 No aprobado
Aa #77A6A9 sobre #BA8B79 1,11:1 No aprobado
Aa #E1CCAD sobre #D9C380 1,11:1 No aprobado
Aa #56787A sobre #C24D3F 1,01:1 No aprobado
Aa #EBB8A4 sobre #D9C380 1,01: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