Registrarse Registrarse
Merry Mountain

Merry Mountain

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

Volver a la biblioteca

Merry Mountain

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

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía complementaria vibrant cold christmas mountain
Me gusta 21
Colores 12

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A3268;
  --c-earthy-3: #C40300;
  --c-earthy-4: #FA4D3A;
  --c-earthy-5: #FCFED6;
  --c-earthy-6: #F1D691;
  --c-earthy-7: #CEA98C;
  --c-earthy-8: #7F6861;
  --c-earthy-9: #327239;
  --c-earthy-10: #809D3C;
  --c-earthy-11: #2E84A3;
  --c-earthy-12: #3C606C;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Poetic Yellow (#FCFED6), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Petunia, Ghost Pepper, Orange Dusk, Poetic Yellow, Oat Straw, Cliff Brown, Plumburn, Japanese Laurel, Aloe Vera Green, Prominent Blue y Juniper Berry Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FCFED6, con 20,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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Petunia #4A3268
RGB
rgb(74, 50, 104)
HSL
hsl(267, 35%, 30%)
Luminancia
0,047
Ghost Pepper #C40300
RGB
rgb(196, 3, 0)
HSL
hsl(1, 100%, 38%)
Luminancia
0,118
Orange Dusk #FA4D3A
RGB
rgb(250, 77, 58)
HSL
hsl(6, 95%, 60%)
Luminancia
0,259
Poetic Yellow #FCFED6
RGB
rgb(252, 254, 214)
HSL
hsl(63, 95%, 92%)
Luminancia
0,964
Oat Straw #F1D691
RGB
rgb(241, 214, 145)
HSL
hsl(43, 77%, 76%)
Luminancia
0,688
Cliff Brown #CEA98C
RGB
rgb(206, 169, 140)
HSL
hsl(26, 40%, 68%)
Luminancia
0,434
Plumburn #7F6861
RGB
rgb(127, 104, 97)
HSL
hsl(14, 13%, 44%)
Luminancia
0,153
Japanese Laurel #327239
RGB
rgb(50, 114, 57)
HSL
hsl(127, 39%, 32%)
Luminancia
0,130
Aloe Vera Green #809D3C
RGB
rgb(128, 157, 60)
HSL
hsl(78, 45%, 43%)
Luminancia
0,290
Prominent Blue #2E84A3
RGB
rgb(46, 132, 163)
HSL
hsl(196, 56%, 41%)
Luminancia
0,197
Juniper Berry Blue #3C606C
RGB
rgb(60, 96, 108)
HSL
hsl(195, 29%, 33%)
Luminancia
0,104

Contraste y accesibilidad

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

Aa #000000 sobre #FCFED6 20,29:1 AAA
Aa #000000 sobre #F1D691 14,77:1 AAA
Aa #4A3268 sobre #FCFED6 10,42:1 AAA
Aa #000000 sobre #CEA98C 9,68:1 AAA
Aa #4A3268 sobre #F1D691 7,58:1 AAA
Aa #000000 sobre #809D3C 6,81:1 AA
Aa #FCFED6 sobre #3C606C 6,58:1 AA
Aa #000000 sobre #FA4D3A 6,19:1 AA
Aa #C40300 sobre #FCFED6 6,04:1 AA
Aa #FCFED6 sobre #327239 5,63:1 AA
Aa #FCFED6 sobre #7F6861 5,00:1 AA
Aa #4A3268 sobre #CEA98C 4,97:1 AA
Aa #000000 sobre #2E84A3 4,95:1 AA
Aa #F1D691 sobre #3C606C 4,79:1 AA
Aa #C40300 sobre #F1D691 4,39:1 AA, texto grande
Aa #FCFED6 sobre #2E84A3 4,10:1 AA, texto grande
Aa #F1D691 sobre #327239 4,10:1 AA, texto grande
Aa #000000 sobre #7F6861 4,06:1 AA, texto grande
Aa #F1D691 sobre #7F6861 3,64:1 AA, texto grande
Aa #000000 sobre #327239 3,60:1 AA, texto grande
Aa #4A3268 sobre #809D3C 3,50:1 AA, texto grande
Aa #000000 sobre #C40300 3,36:1 AA, texto grande
Aa #FA4D3A sobre #FCFED6 3,28:1 AA, texto grande
Aa #4A3268 sobre #FA4D3A 3,18:1 AA, texto grande
Aa #CEA98C sobre #3C606C 3,14:1 AA, texto grande
Aa #000000 sobre #3C606C 3,08:1 AA, texto grande
Aa #F1D691 sobre #2E84A3 2,99:1 No aprobado
Aa #FCFED6 sobre #809D3C 2,98:1 No aprobado
Aa #C40300 sobre #CEA98C 2,88:1 No aprobado
Aa #CEA98C sobre #327239 2,69:1 No aprobado
Aa #4A3268 sobre #2E84A3 2,54:1 No aprobado
Aa #FA4D3A sobre #F1D691 2,39:1 No aprobado
Aa #CEA98C sobre #7F6861 2,39:1 No aprobado
Aa #809D3C sobre #3C606C 2,21:1 No aprobado
Aa #F1D691 sobre #809D3C 2,17:1 No aprobado
Aa #FCFED6 sobre #CEA98C 2,10:1 No aprobado
Aa #4A3268 sobre #7F6861 2,08:1 No aprobado
Aa #C40300 sobre #809D3C 2,03:1 No aprobado
Aa #FA4D3A sobre #3C606C 2,01:1 No aprobado
Aa #CEA98C sobre #2E84A3 1,96:1 No aprobado
Aa #000000 sobre #4A3268 1,95:1 No aprobado
Aa #327239 sobre #809D3C 1,89:1 No aprobado
Aa #4A3268 sobre #327239 1,85:1 No aprobado
Aa #C40300 sobre #FA4D3A 1,84:1 No aprobado
Aa #4A3268 sobre #C40300 1,73:1 No aprobado
Aa #FA4D3A sobre #327239 1,72:1 No aprobado
Aa #7F6861 sobre #809D3C 1,68:1 No aprobado
Aa #2E84A3 sobre #3C606C 1,60:1 No aprobado
Aa #4A3268 sobre #3C606C 1,58:1 No aprobado
Aa #FA4D3A sobre #CEA98C 1,56:1 No aprobado
Aa #FA4D3A sobre #7F6861 1,53:1 No aprobado
Aa #F1D691 sobre #CEA98C 1,53:1 No aprobado
Aa #C40300 sobre #2E84A3 1,47:1 No aprobado
Aa #CEA98C sobre #809D3C 1,42:1 No aprobado
Aa #809D3C sobre #2E84A3 1,38:1 No aprobado
Aa #FCFED6 sobre #F1D691 1,37:1 No aprobado
Aa #327239 sobre #2E84A3 1,37:1 No aprobado
Aa #7F6861 sobre #3C606C 1,32:1 No aprobado
Aa #FA4D3A sobre #2E84A3 1,25:1 No aprobado
Aa #7F6861 sobre #2E84A3 1,22:1 No aprobado
Aa #C40300 sobre #7F6861 1,21:1 No aprobado
Aa #327239 sobre #3C606C 1,17:1 No aprobado
Aa #7F6861 sobre #327239 1,13:1 No aprobado
Aa #FA4D3A sobre #809D3C 1,10:1 No aprobado
Aa #C40300 sobre #3C606C 1,09:1 No aprobado
Aa #C40300 sobre #327239 1,07: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