Registrarse Registrarse
CJP 11DDL

CJP 11DDL

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Volver a la biblioteca

CJP 11DDL

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Editar
Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía monocromática brown
Me gusta 8
Colores 11

Variables CSS

:root {
  --c-earthy-1: #6B3916;
  --c-earthy-2: #804725;
  --c-earthy-3: #8C6034;
  --c-earthy-4: #9D6F41;
  --c-earthy-5: #B88D61;
  --c-earthy-6: #CEA780;
  --c-earthy-7: #ECD5BD;
  --c-earthy-8: #EDE4BE;
  --c-earthy-9: #FEFAE6;
  --c-earthy-10: #FFC76C;
  --c-earthy-11: #9ED0E9;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Lead Glass (#FEFAE6), su tono más claro, a Rosewood Brown (#6B3916), el más oscuro. Combina Rosewood Brown, Mummy Brown, Quiver, Desert Clay, Mission Gold, Totally Tan, Speckled Eggs, Arctic Daisy, Lead Glass, Chanterelle y Sonic Sky en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 10 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #6B3916 sobre #FEFAE6, con 9,01: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

Rosewood Brown #6B3916
RGB
rgb(107, 57, 22)
HSL
hsl(25, 66%, 25%)
Luminancia
0,061
Mummy Brown #804725
RGB
rgb(128, 71, 37)
HSL
hsl(22, 55%, 32%)
Luminancia
0,092
Quiver #8C6034
RGB
rgb(140, 96, 52)
HSL
hsl(30, 46%, 38%)
Luminancia
0,142
Desert Clay #9D6F41
RGB
rgb(157, 111, 65)
HSL
hsl(30, 41%, 44%)
Luminancia
0,189
Mission Gold #B88D61
RGB
rgb(184, 141, 97)
HSL
hsl(30, 38%, 55%)
Luminancia
0,301
Totally Tan #CEA780
RGB
rgb(206, 167, 128)
HSL
hsl(30, 44%, 65%)
Luminancia
0,423
Speckled Eggs #ECD5BD
RGB
rgb(236, 213, 189)
HSL
hsl(31, 55%, 83%)
Luminancia
0,691
Arctic Daisy #EDE4BE
RGB
rgb(237, 228, 190)
HSL
hsl(49, 57%, 84%)
Luminancia
0,772
Lead Glass #FEFAE6
RGB
rgb(254, 250, 230)
HSL
hsl(50, 92%, 95%)
Luminancia
0,952
Chanterelle #FFC76C
RGB
rgb(255, 199, 108)
HSL
hsl(37, 100%, 71%)
Luminancia
0,632
Sonic Sky #9ED0E9
RGB
rgb(158, 208, 233)
HSL
hsl(200, 63%, 77%)
Luminancia
0,583

Contraste y accesibilidad

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

Aa #6B3916 sobre #FEFAE6 9,01:1 AAA
Aa #6B3916 sobre #EDE4BE 7,40:1 AAA
Aa #804725 sobre #FEFAE6 7,04:1 AAA
Aa #6B3916 sobre #ECD5BD 6,67:1 AA
Aa #6B3916 sobre #FFC76C 6,14:1 AA
Aa #804725 sobre #EDE4BE 5,78:1 AA
Aa #6B3916 sobre #9ED0E9 5,69:1 AA
Aa #8C6034 sobre #FEFAE6 5,22:1 AA
Aa #804725 sobre #ECD5BD 5,21:1 AA
Aa #804725 sobre #FFC76C 4,79:1 AA
Aa #804725 sobre #9ED0E9 4,45:1 AA, texto grande
Aa #8C6034 sobre #EDE4BE 4,28:1 AA, texto grande
Aa #6B3916 sobre #CEA780 4,26:1 AA, texto grande
Aa #9D6F41 sobre #FEFAE6 4,19:1 AA, texto grande
Aa #8C6034 sobre #ECD5BD 3,86:1 AA, texto grande
Aa #8C6034 sobre #FFC76C 3,55:1 AA, texto grande
Aa #9D6F41 sobre #EDE4BE 3,44:1 AA, texto grande
Aa #804725 sobre #CEA780 3,33:1 AA, texto grande
Aa #8C6034 sobre #9ED0E9 3,30:1 AA, texto grande
Aa #6B3916 sobre #B88D61 3,16:1 AA, texto grande
Aa #9D6F41 sobre #ECD5BD 3,10:1 AA, texto grande
Aa #9D6F41 sobre #FFC76C 2,85:1 No aprobado
Aa #B88D61 sobre #FEFAE6 2,85:1 No aprobado
Aa #9D6F41 sobre #9ED0E9 2,64:1 No aprobado
Aa #804725 sobre #B88D61 2,47:1 No aprobado
Aa #8C6034 sobre #CEA780 2,47:1 No aprobado
Aa #B88D61 sobre #EDE4BE 2,34:1 No aprobado
Aa #6B3916 sobre #9D6F41 2,15:1 No aprobado
Aa #CEA780 sobre #FEFAE6 2,12:1 No aprobado
Aa #B88D61 sobre #ECD5BD 2,11:1 No aprobado
Aa #9D6F41 sobre #CEA780 1,98:1 No aprobado
Aa #B88D61 sobre #FFC76C 1,94:1 No aprobado
Aa #8C6034 sobre #B88D61 1,83:1 No aprobado
Aa #B88D61 sobre #9ED0E9 1,80:1 No aprobado
Aa #CEA780 sobre #EDE4BE 1,74:1 No aprobado
Aa #6B3916 sobre #8C6034 1,73:1 No aprobado
Aa #804725 sobre #9D6F41 1,68:1 No aprobado
Aa #FEFAE6 sobre #9ED0E9 1,58:1 No aprobado
Aa #CEA780 sobre #ECD5BD 1,57:1 No aprobado
Aa #9D6F41 sobre #B88D61 1,47:1 No aprobado
Aa #FEFAE6 sobre #FFC76C 1,47:1 No aprobado
Aa #CEA780 sobre #FFC76C 1,44:1 No aprobado
Aa #804725 sobre #8C6034 1,35:1 No aprobado
Aa #B88D61 sobre #CEA780 1,35:1 No aprobado
Aa #ECD5BD sobre #FEFAE6 1,35:1 No aprobado
Aa #CEA780 sobre #9ED0E9 1,34:1 No aprobado
Aa #EDE4BE sobre #9ED0E9 1,30:1 No aprobado
Aa #6B3916 sobre #804725 1,28:1 No aprobado
Aa #8C6034 sobre #9D6F41 1,25:1 No aprobado
Aa #EDE4BE sobre #FEFAE6 1,22:1 No aprobado
Aa #EDE4BE sobre #FFC76C 1,21:1 No aprobado
Aa #ECD5BD sobre #9ED0E9 1,17:1 No aprobado
Aa #ECD5BD sobre #EDE4BE 1,11:1 No aprobado
Aa #ECD5BD sobre #FFC76C 1,09:1 No aprobado
Aa #FFC76C sobre #9ED0E9 1,08: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