Registrarse Registrarse
Ponder

Ponder

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

Volver a la biblioteca

Ponder

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 ponder orb meme
Me gusta 52
Colores 11

Variables CSS

:root {
  --c-earthy-1: #342020;
  --c-earthy-2: #6D505E;
  --c-earthy-3: #985A78;
  --c-earthy-4: #847DB5;
  --c-earthy-5: #69B1D6;
  --c-earthy-6: #94C6E1;
  --c-earthy-7: #D1F7FF;
  --c-earthy-8: #FFFFFF;
  --c-earthy-9: #83DBFD;
  --c-earthy-10: #2AA5C1;
  --c-earthy-11: #1B6071;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de White (#FFFFFF), su tono más claro, a Hornblende (#342020), el más oscuro. Combina Hornblende, Dynamic, Rose Wine, Murex, Skyscape, Caribbean Coast, Pale Blue, White, Tranquil Pool, Gulf Waters y Deep Blue Sea en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #342020 sobre #FFFFFF, con 15,29: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

Hornblende #342020
RGB
rgb(52, 32, 32)
HSL
hsl(0, 24%, 16%)
Luminancia
0,019
Dynamic #6D505E
RGB
rgb(109, 80, 94)
HSL
hsl(331, 15%, 37%)
Luminancia
0,098
Rose Wine #985A78
RGB
rgb(152, 90, 120)
HSL
hsl(331, 26%, 47%)
Luminancia
0,153
Murex #847DB5
RGB
rgb(132, 125, 181)
HSL
hsl(248, 27%, 60%)
Luminancia
0,229
Skyscape #69B1D6
RGB
rgb(105, 177, 214)
HSL
hsl(200, 57%, 63%)
Luminancia
0,393
Caribbean Coast #94C6E1
RGB
rgb(148, 198, 225)
HSL
hsl(201, 56%, 73%)
Luminancia
0,521
Pale Blue #D1F7FF
RGB
rgb(209, 247, 255)
HSL
hsl(190, 100%, 91%)
Luminancia
0,873
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000
Tranquil Pool #83DBFD
RGB
rgb(131, 219, 253)
HSL
hsl(197, 97%, 75%)
Luminancia
0,626
Gulf Waters #2AA5C1
RGB
rgb(42, 165, 193)
HSL
hsl(191, 64%, 46%)
Luminancia
0,313
Deep Blue Sea #1B6071
RGB
rgb(27, 96, 113)
HSL
hsl(192, 61%, 27%)
Luminancia
0,098

Contraste y accesibilidad

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

Aa #342020 sobre #FFFFFF 15,29:1 AAA
Aa #342020 sobre #D1F7FF 13,44:1 AAA
Aa #342020 sobre #83DBFD 9,84:1 AAA
Aa #342020 sobre #94C6E1 8,32:1 AAA
Aa #6D505E sobre #FFFFFF 7,10:1 AAA
Aa #FFFFFF sobre #1B6071 7,10:1 AAA
Aa #342020 sobre #69B1D6 6,45:1 AA
Aa #6D505E sobre #D1F7FF 6,24:1 AA
Aa #D1F7FF sobre #1B6071 6,24:1 AA
Aa #342020 sobre #2AA5C1 5,28:1 AA
Aa #985A78 sobre #FFFFFF 5,16:1 AA
Aa #6D505E sobre #83DBFD 4,57:1 AA
Aa #83DBFD sobre #1B6071 4,57:1 AA
Aa #985A78 sobre #D1F7FF 4,54:1 AA
Aa #342020 sobre #847DB5 4,06:1 AA, texto grande
Aa #6D505E sobre #94C6E1 3,86:1 AA, texto grande
Aa #94C6E1 sobre #1B6071 3,86:1 AA, texto grande
Aa #847DB5 sobre #FFFFFF 3,76:1 AA, texto grande
Aa #985A78 sobre #83DBFD 3,32:1 AA, texto grande
Aa #847DB5 sobre #D1F7FF 3,31:1 AA, texto grande
Aa #69B1D6 sobre #1B6071 3,00:1 AA, texto grande
Aa #6D505E sobre #69B1D6 2,99:1 No aprobado
Aa #342020 sobre #985A78 2,96:1 No aprobado
Aa #FFFFFF sobre #2AA5C1 2,90:1 No aprobado
Aa #985A78 sobre #94C6E1 2,81:1 No aprobado
Aa #D1F7FF sobre #2AA5C1 2,55:1 No aprobado
Aa #6D505E sobre #2AA5C1 2,45:1 No aprobado
Aa #2AA5C1 sobre #1B6071 2,45:1 No aprobado
Aa #847DB5 sobre #83DBFD 2,42:1 No aprobado
Aa #69B1D6 sobre #FFFFFF 2,37:1 No aprobado
Aa #985A78 sobre #69B1D6 2,18:1 No aprobado
Aa #342020 sobre #6D505E 2,15:1 No aprobado
Aa #342020 sobre #1B6071 2,15:1 No aprobado
Aa #69B1D6 sobre #D1F7FF 2,08:1 No aprobado
Aa #847DB5 sobre #94C6E1 2,05:1 No aprobado
Aa #6D505E sobre #847DB5 1,89:1 No aprobado
Aa #847DB5 sobre #1B6071 1,89:1 No aprobado
Aa #83DBFD sobre #2AA5C1 1,86:1 No aprobado
Aa #94C6E1 sobre #FFFFFF 1,84:1 No aprobado
Aa #985A78 sobre #2AA5C1 1,78:1 No aprobado
Aa #94C6E1 sobre #D1F7FF 1,62:1 No aprobado
Aa #847DB5 sobre #69B1D6 1,59:1 No aprobado
Aa #94C6E1 sobre #2AA5C1 1,58:1 No aprobado
Aa #FFFFFF sobre #83DBFD 1,55:1 No aprobado
Aa #69B1D6 sobre #83DBFD 1,53:1 No aprobado
Aa #985A78 sobre #1B6071 1,38:1 No aprobado
Aa #6D505E sobre #985A78 1,37:1 No aprobado
Aa #985A78 sobre #847DB5 1,37:1 No aprobado
Aa #D1F7FF sobre #83DBFD 1,37:1 No aprobado
Aa #847DB5 sobre #2AA5C1 1,30:1 No aprobado
Aa #69B1D6 sobre #94C6E1 1,29:1 No aprobado
Aa #69B1D6 sobre #2AA5C1 1,22:1 No aprobado
Aa #94C6E1 sobre #83DBFD 1,18:1 No aprobado
Aa #D1F7FF sobre #FFFFFF 1,14:1 No aprobado
Aa #6D505E sobre #1B6071 1,00: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