Inicio Paletas de colores Tempered Alexandrite

Tempered Alexandrite

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía monocromática

Volver a la biblioteca

Tempered Alexandrite

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía monocromática

Editar

Colores apagados 12 colores Colores neutros Tonos mixtos Armonía monocromática novemberneutralpalettecontest

Me gusta 57

Colores 12

Variables CSS

:root {
  --c-muted-1: #343A36;
  --c-muted-2: #747E90;
  --c-muted-3: #20211C;
  --c-muted-4: #4D5A57;
  --c-muted-5: #5A4A45;
  --c-muted-6: #A19C8C;
  --c-muted-7: #BABABA;
  --c-muted-8: #77676B;
  --c-muted-9: #988FB1;
  --c-muted-10: #3E392F;
  --c-muted-11: #98788E;
  --c-muted-12: #56524E;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Baby Talk Grey (#BABABA), su tono más claro, a Petroleum (#20211C), el más oscuro. Combina Charcoal, Soulful Blue, Petroleum, Midnight in NY, Bear in Mind, Sacred Vortex, Baby Talk Grey, Rhapsody Rap, Greek Lavender, Fired Earth, Mountbatten Pink y Heavy Charcoal en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #20211C sobre #BABABA, con 8,35:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Charcoal #343A36

RGB: rgb(52, 58, 54)
HSL: hsl(140, 5%, 22%)
Luminancia: 0,040

Soulful Blue #747E90

RGB: rgb(116, 126, 144)
HSL: hsl(219, 11%, 51%)
Luminancia: 0,207

Petroleum #20211C

RGB: rgb(32, 33, 28)
HSL: hsl(72, 8%, 12%)
Luminancia: 0,015

Midnight in NY #4D5A57

RGB: rgb(77, 90, 87)
HSL: hsl(166, 8%, 33%)
Luminancia: 0,096

Bear in Mind #5A4A45

RGB: rgb(90, 74, 69)
HSL: hsl(14, 13%, 31%)
Luminancia: 0,075

Sacred Vortex #A19C8C

RGB: rgb(161, 156, 140)
HSL: hsl(46, 10%, 59%)
Luminancia: 0,333

Baby Talk Grey #BABABA

RGB: rgb(186, 186, 186)
HSL: hsl(0, 0%, 73%)
Luminancia: 0,491

Rhapsody Rap #77676B

RGB: rgb(119, 103, 107)
HSL: hsl(345, 7%, 44%)
Luminancia: 0,147

Greek Lavender #988FB1

RGB: rgb(152, 143, 177)
HSL: hsl(256, 18%, 63%)
Luminancia: 0,295

Fired Earth #3E392F

RGB: rgb(62, 57, 47)
HSL: hsl(40, 14%, 21%)
Luminancia: 0,042

Mountbatten Pink #98788E

RGB: rgb(152, 120, 142)
HSL: hsl(319, 13%, 53%)
Luminancia: 0,221

Heavy Charcoal #56524E

RGB: rgb(86, 82, 78)
HSL: hsl(30, 5%, 32%)
Luminancia: 0,086

Contraste y accesibilidad

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

Aa #20211C sobre #BABABA 8,35:1 AAA

Aa #343A36 sobre #BABABA 6,00:1 AA

Aa #BABABA sobre #3E392F 5,91:1 AA

Aa #20211C sobre #A19C8C 5,90:1 AA

Aa #20211C sobre #988FB1 5,32:1 AA

Aa #5A4A45 sobre #BABABA 4,33:1 AA, texto grande

Aa #343A36 sobre #A19C8C 4,24:1 AA, texto grande

Aa #20211C sobre #98788E 4,18:1 AA, texto grande

Aa #A19C8C sobre #3E392F 4,18:1 AA, texto grande

Aa #BABABA sobre #56524E 3,99:1 AA, texto grande

Aa #747E90 sobre #20211C 3,96:1 AA, texto grande

Aa #343A36 sobre #988FB1 3,82:1 AA, texto grande

Aa #988FB1 sobre #3E392F 3,77:1 AA, texto grande

Aa #4D5A57 sobre #BABABA 3,71:1 AA, texto grande

Aa #5A4A45 sobre #A19C8C 3,06:1 AA, texto grande

Aa #20211C sobre #77676B 3,04:1 AA, texto grande

Aa #343A36 sobre #98788E 3,00:1 AA, texto grande

Aa #3E392F sobre #98788E 2,96:1 No aprobado

Aa #343A36 sobre #747E90 2,84:1 No aprobado

Aa #A19C8C sobre #56524E 2,82:1 No aprobado

Aa #747E90 sobre #3E392F 2,80:1 No aprobado

Aa #5A4A45 sobre #988FB1 2,76:1 No aprobado

Aa #BABABA sobre #77676B 2,75:1 No aprobado

Aa #4D5A57 sobre #A19C8C 2,62:1 No aprobado

Aa #988FB1 sobre #56524E 2,54:1 No aprobado

Aa #4D5A57 sobre #988FB1 2,37:1 No aprobado

Aa #20211C sobre #4D5A57 2,25:1 No aprobado

Aa #343A36 sobre #77676B 2,18:1 No aprobado

Aa #5A4A45 sobre #98788E 2,16:1 No aprobado

Aa #77676B sobre #3E392F 2,15:1 No aprobado

Aa #747E90 sobre #BABABA 2,11:1 No aprobado

Aa #20211C sobre #56524E 2,09:1 No aprobado

Aa #747E90 sobre #5A4A45 2,05:1 No aprobado

Aa #BABABA sobre #98788E 2,00:1 No aprobado

Aa #98788E sobre #56524E 2,00:1 No aprobado

Aa #A19C8C sobre #77676B 1,94:1 No aprobado

Aa #20211C sobre #5A4A45 1,93:1 No aprobado

Aa #747E90 sobre #56524E 1,89:1 No aprobado

Aa #4D5A57 sobre #98788E 1,86:1 No aprobado

Aa #747E90 sobre #4D5A57 1,76:1 No aprobado

Aa #77676B sobre #988FB1 1,75:1 No aprobado

Aa #343A36 sobre #4D5A57 1,62:1 No aprobado

Aa #4D5A57 sobre #3E392F 1,59:1 No aprobado

Aa #5A4A45 sobre #77676B 1,57:1 No aprobado

Aa #BABABA sobre #988FB1 1,57:1 No aprobado

Aa #343A36 sobre #56524E 1,50:1 No aprobado

Aa #747E90 sobre #A19C8C 1,49:1 No aprobado

Aa #3E392F sobre #56524E 1,48:1 No aprobado

Aa #77676B sobre #56524E 1,45:1 No aprobado

Aa #20211C sobre #3E392F 1,41:1 No aprobado

Aa #A19C8C sobre #BABABA 1,41:1 No aprobado

Aa #A19C8C sobre #98788E 1,41:1 No aprobado

Aa #343A36 sobre #20211C 1,39:1 No aprobado

Aa #343A36 sobre #5A4A45 1,39:1 No aprobado

Aa #5A4A45 sobre #3E392F 1,37:1 No aprobado

Aa #77676B sobre #98788E 1,37:1 No aprobado

Aa #4D5A57 sobre #77676B 1,35:1 No aprobado

Aa #747E90 sobre #988FB1 1,34:1 No aprobado

Aa #747E90 sobre #77676B 1,30:1 No aprobado

Aa #988FB1 sobre #98788E 1,27:1 No aprobado

Aa #4D5A57 sobre #5A4A45 1,17:1 No aprobado

Aa #A19C8C sobre #988FB1 1,11:1 No aprobado

Aa #5A4A45 sobre #56524E 1,08:1 No aprobado

Aa #4D5A57 sobre #56524E 1,07:1 No aprobado

Aa #747E90 sobre #98788E 1,06:1 No aprobado

Aa #343A36 sobre #3E392F 1,01:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B

4 colores

#F5F7F8 #F4CE14 #495E57 #45474B

4 colores

#222831 #393E46 #FFD369 #EEEEEE

4 colores

#000000 #52057B #892CDC #BC6FF1

4 colores

#213555 #3E5879 #D8C4B6 #F5EFE7

4 colores

#F5EFE7 #D8C4B6 #4F709C #213555

4 colores

#191A19 #1E5128 #4E9F3D #D8E9A8

4 colores

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 colores

Tempered Alexandrite