Registrarse Registrarse
Shido 10

Shido 10

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Shido 10

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 10 colores Colores cálidos Tonos mixtos Armonía complementaria 10 shido shido10
Me gusta 33
Colores 10

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #58122B;
  --c-earthy-3: #AF4040;
  --c-earthy-4: #FAA174;
  --c-earthy-5: #FFC783;
  --c-earthy-6: #359097;
  --c-earthy-7: #22337D;
  --c-earthy-8: #88AEC0;
  --c-earthy-9: #C4FFF0;
  --c-earthy-10: #F7F7F7;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Lynx White (#F7F7F7), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Brown Chocolate, Landjäger, Usugaki Persimmon, Apricot Butter, Aqueous, Deep Space Royal, Chilly Blue, Arabica Mint y Lynx White en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #F7F7F7, con 19,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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Brown Chocolate #58122B
RGB
rgb(88, 18, 43)
HSL
hsl(339, 66%, 21%)
Luminancia
0,027
Landjäger #AF4040
RGB
rgb(175, 64, 64)
HSL
hsl(0, 46%, 47%)
Luminancia
0,132
Usugaki Persimmon #FAA174
RGB
rgb(250, 161, 116)
HSL
hsl(20, 93%, 72%)
Luminancia
0,471
Apricot Butter #FFC783
RGB
rgb(255, 199, 131)
HSL
hsl(33, 100%, 76%)
Luminancia
0,638
Aqueous #359097
RGB
rgb(53, 144, 151)
HSL
hsl(184, 48%, 40%)
Luminancia
0,229
Deep Space Royal #22337D
RGB
rgb(34, 51, 125)
HSL
hsl(229, 57%, 31%)
Luminancia
0,042
Chilly Blue #88AEC0
RGB
rgb(136, 174, 192)
HSL
hsl(199, 31%, 64%)
Luminancia
0,393
Arabica Mint #C4FFF0
RGB
rgb(196, 255, 240)
HSL
hsl(165, 100%, 88%)
Luminancia
0,896
Lynx White #F7F7F7
RGB
rgb(247, 247, 247)
HSL
hsl(0, 0%, 97%)
Luminancia
0,930

Contraste y accesibilidad

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

Aa #000000 sobre #F7F7F7 19,60:1 AAA
Aa #000000 sobre #C4FFF0 18,91:1 AAA
Aa #000000 sobre #FFC783 13,75:1 AAA
Aa #58122B sobre #F7F7F7 12,76:1 AAA
Aa #58122B sobre #C4FFF0 12,31:1 AAA
Aa #22337D sobre #F7F7F7 10,67:1 AAA
Aa #000000 sobre #FAA174 10,41:1 AAA
Aa #22337D sobre #C4FFF0 10,29:1 AAA
Aa #58122B sobre #FFC783 8,95:1 AAA
Aa #000000 sobre #88AEC0 8,86:1 AAA
Aa #FFC783 sobre #22337D 7,48:1 AAA
Aa #58122B sobre #FAA174 6,78:1 AA
Aa #58122B sobre #88AEC0 5,77:1 AA
Aa #FAA174 sobre #22337D 5,67:1 AA
Aa #000000 sobre #359097 5,59:1 AA
Aa #AF4040 sobre #F7F7F7 5,40:1 AA
Aa #AF4040 sobre #C4FFF0 5,21:1 AA
Aa #22337D sobre #88AEC0 4,82:1 AA
Aa #AF4040 sobre #FFC783 3,79:1 AA, texto grande
Aa #58122B sobre #359097 3,64:1 AA, texto grande
Aa #000000 sobre #AF4040 3,63:1 AA, texto grande
Aa #359097 sobre #F7F7F7 3,51:1 AA, texto grande
Aa #359097 sobre #C4FFF0 3,38:1 AA, texto grande
Aa #359097 sobre #22337D 3,04:1 AA, texto grande
Aa #AF4040 sobre #FAA174 2,87:1 No aprobado
Aa #FFC783 sobre #359097 2,46:1 No aprobado
Aa #AF4040 sobre #88AEC0 2,44:1 No aprobado
Aa #58122B sobre #AF4040 2,36:1 No aprobado
Aa #88AEC0 sobre #F7F7F7 2,21:1 No aprobado
Aa #88AEC0 sobre #C4FFF0 2,13:1 No aprobado
Aa #AF4040 sobre #22337D 1,98:1 No aprobado
Aa #FAA174 sobre #F7F7F7 1,88:1 No aprobado
Aa #FAA174 sobre #359097 1,86:1 No aprobado
Aa #000000 sobre #22337D 1,84:1 No aprobado
Aa #FAA174 sobre #C4FFF0 1,82:1 No aprobado
Aa #359097 sobre #88AEC0 1,59:1 No aprobado
Aa #FFC783 sobre #88AEC0 1,55:1 No aprobado
Aa #000000 sobre #58122B 1,54:1 No aprobado
Aa #AF4040 sobre #359097 1,54:1 No aprobado
Aa #FFC783 sobre #F7F7F7 1,43:1 No aprobado
Aa #FFC783 sobre #C4FFF0 1,38:1 No aprobado
Aa #FAA174 sobre #FFC783 1,32:1 No aprobado
Aa #58122B sobre #22337D 1,20:1 No aprobado
Aa #FAA174 sobre #88AEC0 1,18:1 No aprobado
Aa #C4FFF0 sobre #F7F7F7 1,04:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores