Registrarse Registrarse
Barren Equinox

Barren Equinox

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Barren Equinox

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Editar
Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía monocromática fall fire autumn nature
Me gusta 28
Colores 12

Variables CSS

:root {
  --c-earthy-1: #5E0909;
  --c-earthy-2: #852311;
  --c-earthy-3: #BB260B;
  --c-earthy-4: #C9683D;
  --c-earthy-5: #814322;
  --c-earthy-6: #46201A;
  --c-earthy-7: #46392D;
  --c-earthy-8: #8E614D;
  --c-earthy-9: #B59F7F;
  --c-earthy-10: #7B6E4B;
  --c-earthy-11: #625C28;
  --c-earthy-12: #483B19;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Montecito (#B59F7F), su tono más claro, a Marmite (#46201A), el más oscuro. Combina Vampiric Council, Minotaurus Brown, Lobster, Apricot Orange, Honey Garlic Beef, Marmite, Batch Brew, Tamarind Tart, Montecito, Go Ben, Costa Del Sol y Avocado Stone en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #46201A sobre #B59F7F, con 5,55: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

Vampiric Council #5E0909
RGB
rgb(94, 9, 9)
HSL
hsl(0, 83%, 20%)
Luminancia
0,026
Minotaurus Brown #852311
RGB
rgb(133, 35, 17)
HSL
hsl(9, 77%, 29%)
Luminancia
0,062
Lobster #BB260B
RGB
rgb(187, 38, 11)
HSL
hsl(9, 89%, 39%)
Luminancia
0,120
Apricot Orange #C9683D
RGB
rgb(201, 104, 61)
HSL
hsl(18, 56%, 51%)
Luminancia
0,227
Honey Garlic Beef #814322
RGB
rgb(129, 67, 34)
HSL
hsl(21, 58%, 32%)
Luminancia
0,088
Marmite #46201A
RGB
rgb(70, 32, 26)
HSL
hsl(8, 46%, 19%)
Luminancia
0,024
Batch Brew #46392D
RGB
rgb(70, 57, 45)
HSL
hsl(29, 22%, 23%)
Luminancia
0,044
Tamarind Tart #8E614D
RGB
rgb(142, 97, 77)
HSL
hsl(18, 30%, 43%)
Luminancia
0,148
Montecito #B59F7F
RGB
rgb(181, 159, 127)
HSL
hsl(36, 27%, 60%)
Luminancia
0,362
Go Ben #7B6E4B
RGB
rgb(123, 110, 75)
HSL
hsl(44, 24%, 39%)
Luminancia
0,159
Costa Del Sol #625C28
RGB
rgb(98, 92, 40)
HSL
hsl(54, 42%, 27%)
Luminancia
0,104
Avocado Stone #483B19
RGB
rgb(72, 59, 25)
HSL
hsl(43, 48%, 19%)
Luminancia
0,046

Contraste y accesibilidad

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

Aa #46201A sobre #B59F7F 5,55:1 AA
Aa #5E0909 sobre #B59F7F 5,42:1 AA
Aa #46392D sobre #B59F7F 4,37:1 AA, texto grande
Aa #B59F7F sobre #483B19 4,30:1 AA, texto grande
Aa #C9683D sobre #46201A 3,73:1 AA, texto grande
Aa #852311 sobre #B59F7F 3,66:1 AA, texto grande
Aa #5E0909 sobre #C9683D 3,64:1 AA, texto grande
Aa #814322 sobre #B59F7F 2,98:1 No aprobado
Aa #C9683D sobre #46392D 2,94:1 No aprobado
Aa #C9683D sobre #483B19 2,89:1 No aprobado
Aa #46201A sobre #7B6E4B 2,82:1 No aprobado
Aa #5E0909 sobre #7B6E4B 2,75:1 No aprobado
Aa #46201A sobre #8E614D 2,68:1 No aprobado
Aa #B59F7F sobre #625C28 2,67:1 No aprobado
Aa #5E0909 sobre #8E614D 2,61:1 No aprobado
Aa #852311 sobre #C9683D 2,46:1 No aprobado
Aa #BB260B sobre #B59F7F 2,42:1 No aprobado
Aa #BB260B sobre #46201A 2,29:1 No aprobado
Aa #5E0909 sobre #BB260B 2,24:1 No aprobado
Aa #46392D sobre #7B6E4B 2,22:1 No aprobado
Aa #7B6E4B sobre #483B19 2,18:1 No aprobado
Aa #46392D sobre #8E614D 2,11:1 No aprobado
Aa #46201A sobre #625C28 2,08:1 No aprobado
Aa #8E614D sobre #B59F7F 2,07:1 No aprobado
Aa #8E614D sobre #483B19 2,07:1 No aprobado
Aa #5E0909 sobre #625C28 2,03:1 No aprobado
Aa #C9683D sobre #814322 2,00:1 No aprobado
Aa #B59F7F sobre #7B6E4B 1,97:1 No aprobado
Aa #852311 sobre #7B6E4B 1,86:1 No aprobado
Aa #814322 sobre #46201A 1,86:1 No aprobado
Aa #5E0909 sobre #814322 1,82:1 No aprobado
Aa #BB260B sobre #46392D 1,80:1 No aprobado
Aa #C9683D sobre #625C28 1,80:1 No aprobado
Aa #852311 sobre #8E614D 1,77:1 No aprobado
Aa #BB260B sobre #483B19 1,77:1 No aprobado
Aa #46392D sobre #625C28 1,64:1 No aprobado
Aa #BB260B sobre #C9683D 1,63:1 No aprobado
Aa #625C28 sobre #483B19 1,61:1 No aprobado
Aa #852311 sobre #46201A 1,52:1 No aprobado
Aa #852311 sobre #BB260B 1,51:1 No aprobado
Aa #814322 sobre #7B6E4B 1,51:1 No aprobado
Aa #C9683D sobre #B59F7F 1,49:1 No aprobado
Aa #5E0909 sobre #852311 1,48:1 No aprobado
Aa #814322 sobre #46392D 1,46:1 No aprobado
Aa #814322 sobre #8E614D 1,44:1 No aprobado
Aa #814322 sobre #483B19 1,44:1 No aprobado
Aa #C9683D sobre #8E614D 1,39:1 No aprobado
Aa #852311 sobre #625C28 1,37:1 No aprobado
Aa #7B6E4B sobre #625C28 1,35:1 No aprobado
Aa #C9683D sobre #7B6E4B 1,33:1 No aprobado
Aa #46201A sobre #483B19 1,29:1 No aprobado
Aa #8E614D sobre #625C28 1,29:1 No aprobado
Aa #46201A sobre #46392D 1,27:1 No aprobado
Aa #5E0909 sobre #483B19 1,26:1 No aprobado
Aa #5E0909 sobre #46392D 1,24:1 No aprobado
Aa #852311 sobre #814322 1,23:1 No aprobado
Aa #BB260B sobre #814322 1,23:1 No aprobado
Aa #BB260B sobre #7B6E4B 1,23:1 No aprobado
Aa #852311 sobre #46392D 1,19:1 No aprobado
Aa #852311 sobre #483B19 1,17:1 No aprobado
Aa #BB260B sobre #8E614D 1,17:1 No aprobado
Aa #814322 sobre #625C28 1,12:1 No aprobado
Aa #BB260B sobre #625C28 1,10:1 No aprobado
Aa #8E614D sobre #7B6E4B 1,05:1 No aprobado
Aa #5E0909 sobre #46201A 1,02:1 No aprobado
Aa #46392D sobre #483B19 1,02:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores