Registrarse Registrarse
JR Tattoo

JR Tattoo

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

Volver a la biblioteca

JR Tattoo

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

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía triádica pastel desaturated tattoo
Me gusta 12
Colores 12

Variables CSS

:root {
  --c-earthy-1: #4D2D2D;
  --c-earthy-2: #933936;
  --c-earthy-3: #A17140;
  --c-earthy-4: #BE9E56;
  --c-earthy-5: #BBB37F;
  --c-earthy-6: #CAC2B4;
  --c-earthy-7: #395432;
  --c-earthy-8: #2D3B33;
  --c-earthy-9: #292928;
  --c-earthy-10: #768394;
  --c-earthy-11: #9E9E9E;
  --c-earthy-12: #CBCAC5;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Gentle Rain (#CBCAC5), su tono más claro, a Chromaphobic Black (#292928), el más oscuro. Combina Dark Roast, Vermilion Seabass, Castellina, Steampunk Gold, Leek Powder, Whisper Ridge, Zen Garden Olive, Scarab, Chromaphobic Black, Tranquil Pond, Mortar Grey y Gentle Rain en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 16 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #292928 sobre #CBCAC5, con 8,87: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

Dark Roast #4D2D2D
RGB
rgb(77, 45, 45)
HSL
hsl(0, 26%, 24%)
Luminancia
0,036
Vermilion Seabass #933936
RGB
rgb(147, 57, 54)
HSL
hsl(2, 46%, 39%)
Luminancia
0,094
Castellina #A17140
RGB
rgb(161, 113, 64)
HSL
hsl(30, 43%, 44%)
Luminancia
0,198
Steampunk Gold #BE9E56
RGB
rgb(190, 158, 86)
HSL
hsl(42, 44%, 54%)
Luminancia
0,361
Leek Powder #BBB37F
RGB
rgb(187, 179, 127)
HSL
hsl(52, 31%, 62%)
Luminancia
0,443
Whisper Ridge #CAC2B4
RGB
rgb(202, 194, 180)
HSL
hsl(38, 17%, 75%)
Luminancia
0,544
Zen Garden Olive #395432
RGB
rgb(57, 84, 50)
HSL
hsl(108, 25%, 26%)
Luminancia
0,074
Scarab #2D3B33
RGB
rgb(45, 59, 51)
HSL
hsl(146, 13%, 20%)
Luminancia
0,039
Chromaphobic Black #292928
RGB
rgb(41, 41, 40)
HSL
hsl(60, 1%, 16%)
Luminancia
0,022
Tranquil Pond #768394
RGB
rgb(118, 131, 148)
HSL
hsl(214, 12%, 52%)
Luminancia
0,222
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Luminancia
0,342
Gentle Rain #CBCAC5
RGB
rgb(203, 202, 197)
HSL
hsl(50, 5%, 78%)
Luminancia
0,590

Contraste y accesibilidad

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

Aa #292928 sobre #CBCAC5 8,87:1 AAA
Aa #CAC2B4 sobre #292928 8,24:1 AAA
Aa #4D2D2D sobre #CBCAC5 7,40:1 AAA
Aa #2D3B33 sobre #CBCAC5 7,17:1 AAA
Aa #4D2D2D sobre #CAC2B4 6,88:1 AA
Aa #BBB37F sobre #292928 6,84:1 AA
Aa #CAC2B4 sobre #2D3B33 6,66:1 AA
Aa #4D2D2D sobre #BBB37F 5,71:1 AA
Aa #BE9E56 sobre #292928 5,70:1 AA
Aa #BBB37F sobre #2D3B33 5,53:1 AA
Aa #292928 sobre #9E9E9E 5,44:1 AA
Aa #395432 sobre #CBCAC5 5,14:1 AA
Aa #CAC2B4 sobre #395432 4,78:1 AA
Aa #4D2D2D sobre #BE9E56 4,75:1 AA
Aa #BE9E56 sobre #2D3B33 4,60:1 AA
Aa #4D2D2D sobre #9E9E9E 4,53:1 AA
Aa #933936 sobre #CBCAC5 4,44:1 AA, texto grande
Aa #2D3B33 sobre #9E9E9E 4,39:1 AA, texto grande
Aa #933936 sobre #CAC2B4 4,13:1 AA, texto grande
Aa #BBB37F sobre #395432 3,97:1 AA, texto grande
Aa #292928 sobre #768394 3,78:1 AA, texto grande
Aa #933936 sobre #BBB37F 3,43:1 AA, texto grande
Aa #A17140 sobre #292928 3,43:1 AA, texto grande
Aa #BE9E56 sobre #395432 3,30:1 AA, texto grande
Aa #4D2D2D sobre #768394 3,15:1 AA, texto grande
Aa #395432 sobre #9E9E9E 3,15:1 AA, texto grande
Aa #2D3B33 sobre #768394 3,05:1 AA, texto grande
Aa #4D2D2D sobre #A17140 2,86:1 No aprobado
Aa #933936 sobre #BE9E56 2,85:1 No aprobado
Aa #A17140 sobre #2D3B33 2,77:1 No aprobado
Aa #933936 sobre #9E9E9E 2,72:1 No aprobado
Aa #A17140 sobre #CBCAC5 2,58:1 No aprobado
Aa #A17140 sobre #CAC2B4 2,40:1 No aprobado
Aa #768394 sobre #CBCAC5 2,35:1 No aprobado
Aa #395432 sobre #768394 2,19:1 No aprobado
Aa #CAC2B4 sobre #768394 2,18:1 No aprobado
Aa #933936 sobre #292928 2,00:1 No aprobado
Aa #A17140 sobre #BBB37F 1,99:1 No aprobado
Aa #A17140 sobre #395432 1,99:1 No aprobado
Aa #933936 sobre #768394 1,89:1 No aprobado
Aa #BBB37F sobre #768394 1,81:1 No aprobado
Aa #395432 sobre #292928 1,73:1 No aprobado
Aa #933936 sobre #A17140 1,72:1 No aprobado
Aa #4D2D2D sobre #933936 1,67:1 No aprobado
Aa #A17140 sobre #BE9E56 1,66:1 No aprobado
Aa #9E9E9E sobre #CBCAC5 1,63:1 No aprobado
Aa #933936 sobre #2D3B33 1,61:1 No aprobado
Aa #A17140 sobre #9E9E9E 1,58:1 No aprobado
Aa #BE9E56 sobre #CBCAC5 1,56:1 No aprobado
Aa #CAC2B4 sobre #9E9E9E 1,52:1 No aprobado
Aa #BE9E56 sobre #768394 1,51:1 No aprobado
Aa #BE9E56 sobre #CAC2B4 1,45:1 No aprobado
Aa #4D2D2D sobre #395432 1,44:1 No aprobado
Aa #768394 sobre #9E9E9E 1,44:1 No aprobado
Aa #395432 sobre #2D3B33 1,39:1 No aprobado
Aa #BBB37F sobre #CBCAC5 1,30:1 No aprobado
Aa #BBB37F sobre #9E9E9E 1,26:1 No aprobado
Aa #2D3B33 sobre #292928 1,24:1 No aprobado
Aa #4D2D2D sobre #292928 1,20:1 No aprobado
Aa #BE9E56 sobre #BBB37F 1,20:1 No aprobado
Aa #BBB37F sobre #CAC2B4 1,20:1 No aprobado
Aa #933936 sobre #395432 1,16:1 No aprobado
Aa #A17140 sobre #768394 1,10:1 No aprobado
Aa #CAC2B4 sobre #CBCAC5 1,08:1 No aprobado
Aa #BE9E56 sobre #9E9E9E 1,05:1 No aprobado
Aa #4D2D2D sobre #2D3B33 1,03: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