Registrarse Registrarse
CC 12

CC 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

CC 12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores apagados 12 colores Colores fríos Tonos mixtos Armonía triádica simple 12color colorful bright
Me gusta 20
Colores 12

Variables CSS

:root {
  --c-muted-1: #5F5652;
  --c-muted-2: #919C8C;
  --c-muted-3: #E4EBF0;
  --c-muted-4: #1E173F;
  --c-muted-5: #7542B7;
  --c-muted-6: #E64DEE;
  --c-muted-7: #1A7194;
  --c-muted-8: #44CA9D;
  --c-muted-9: #A9EB3E;
  --c-muted-10: #C83822;
  --c-muted-11: #E98E51;
  --c-muted-12: #FFFAA7;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Lemon Slice (#FFFAA7), su tono más claro, a Prune Plum (#1E173F), el más oscuro. Combina Timber Brown, Charcoal Tint, Himalaya Peaks, Prune Plum, Purple Rain, Lake Retba Pink, Bateau, Mint Jelly, Dynamic Green, Red Sauce Parlour, Toasted Husk y Lemon Slice 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 #1E173F sobre #FFFAA7, con 15,59: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

Timber Brown #5F5652
RGB
rgb(95, 86, 82)
HSL
hsl(18, 7%, 35%)
Luminancia
0,097
Charcoal Tint #919C8C
RGB
rgb(145, 156, 140)
HSL
hsl(101, 7%, 58%)
Luminancia
0,317
Himalaya Peaks #E4EBF0
RGB
rgb(228, 235, 240)
HSL
hsl(205, 29%, 92%)
Luminancia
0,822
Prune Plum #1E173F
RGB
rgb(30, 23, 63)
HSL
hsl(251, 47%, 17%)
Luminancia
0,013
Purple Rain #7542B7
RGB
rgb(117, 66, 183)
HSL
hsl(266, 47%, 49%)
Luminancia
0,111
Lake Retba Pink #E64DEE
RGB
rgb(230, 77, 238)
HSL
hsl(297, 83%, 62%)
Luminancia
0,283
Bateau #1A7194
RGB
rgb(26, 113, 148)
HSL
hsl(197, 70%, 34%)
Luminancia
0,142
Mint Jelly #44CA9D
RGB
rgb(68, 202, 157)
HSL
hsl(160, 56%, 53%)
Luminancia
0,459
Dynamic Green #A9EB3E
RGB
rgb(169, 235, 62)
HSL
hsl(83, 81%, 58%)
Luminancia
0,682
Red Sauce Parlour #C83822
RGB
rgb(200, 56, 34)
HSL
hsl(8, 71%, 46%)
Luminancia
0,152
Toasted Husk #E98E51
RGB
rgb(233, 142, 81)
HSL
hsl(24, 78%, 62%)
Luminancia
0,373
Lemon Slice #FFFAA7
RGB
rgb(255, 250, 167)
HSL
hsl(57, 100%, 83%)
Luminancia
0,924

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 #1E173F sobre #FFFAA7 15,59:1 AAA
Aa #E4EBF0 sobre #1E173F 13,96:1 AAA
Aa #1E173F sobre #A9EB3E 11,72:1 AAA
Aa #1E173F sobre #44CA9D 8,15:1 AAA
Aa #1E173F sobre #E98E51 6,76:1 AA
Aa #5F5652 sobre #FFFAA7 6,63:1 AA
Aa #7542B7 sobre #FFFAA7 6,05:1 AA
Aa #5F5652 sobre #E4EBF0 5,93:1 AA
Aa #919C8C sobre #1E173F 5,87:1 AA
Aa #E4EBF0 sobre #7542B7 5,42:1 AA
Aa #1E173F sobre #E64DEE 5,33:1 AA
Aa #1A7194 sobre #FFFAA7 5,08:1 AA
Aa #5F5652 sobre #A9EB3E 4,98:1 AA
Aa #C83822 sobre #FFFAA7 4,82:1 AA
Aa #E4EBF0 sobre #1A7194 4,55:1 AA
Aa #7542B7 sobre #A9EB3E 4,55:1 AA
Aa #E4EBF0 sobre #C83822 4,31:1 AA, texto grande
Aa #1A7194 sobre #A9EB3E 3,82:1 AA, texto grande
Aa #A9EB3E sobre #C83822 3,62:1 AA, texto grande
Aa #5F5652 sobre #44CA9D 3,46:1 AA, texto grande
Aa #1E173F sobre #C83822 3,24:1 AA, texto grande
Aa #7542B7 sobre #44CA9D 3,16:1 AA, texto grande
Aa #1E173F sobre #1A7194 3,07:1 AA, texto grande
Aa #E64DEE sobre #FFFAA7 2,93:1 No aprobado
Aa #5F5652 sobre #E98E51 2,88:1 No aprobado
Aa #919C8C sobre #FFFAA7 2,66:1 No aprobado
Aa #1A7194 sobre #44CA9D 2,66:1 No aprobado
Aa #7542B7 sobre #E98E51 2,63:1 No aprobado
Aa #E4EBF0 sobre #E64DEE 2,62:1 No aprobado
Aa #1E173F sobre #7542B7 2,58:1 No aprobado
Aa #44CA9D sobre #C83822 2,52:1 No aprobado
Aa #5F5652 sobre #919C8C 2,50:1 No aprobado
Aa #919C8C sobre #E4EBF0 2,38:1 No aprobado
Aa #5F5652 sobre #1E173F 2,35:1 No aprobado
Aa #E98E51 sobre #FFFAA7 2,31:1 No aprobado
Aa #919C8C sobre #7542B7 2,28:1 No aprobado
Aa #5F5652 sobre #E64DEE 2,27:1 No aprobado
Aa #E64DEE sobre #A9EB3E 2,20:1 No aprobado
Aa #1A7194 sobre #E98E51 2,20:1 No aprobado
Aa #C83822 sobre #E98E51 2,09:1 No aprobado
Aa #7542B7 sobre #E64DEE 2,07:1 No aprobado
Aa #E4EBF0 sobre #E98E51 2,06:1 No aprobado
Aa #919C8C sobre #A9EB3E 2,00:1 No aprobado
Aa #919C8C sobre #1A7194 1,91:1 No aprobado
Aa #44CA9D sobre #FFFAA7 1,91:1 No aprobado
Aa #919C8C sobre #C83822 1,81:1 No aprobado
Aa #E64DEE sobre #1A7194 1,74:1 No aprobado
Aa #A9EB3E sobre #E98E51 1,73:1 No aprobado
Aa #E4EBF0 sobre #44CA9D 1,71:1 No aprobado
Aa #E64DEE sobre #C83822 1,65:1 No aprobado
Aa #E64DEE sobre #44CA9D 1,53:1 No aprobado
Aa #44CA9D sobre #A9EB3E 1,44:1 No aprobado
Aa #919C8C sobre #44CA9D 1,39:1 No aprobado
Aa #5F5652 sobre #C83822 1,38:1 No aprobado
Aa #A9EB3E sobre #FFFAA7 1,33:1 No aprobado
Aa #5F5652 sobre #1A7194 1,30:1 No aprobado
Aa #E64DEE sobre #E98E51 1,27:1 No aprobado
Aa #7542B7 sobre #C83822 1,26:1 No aprobado
Aa #44CA9D sobre #E98E51 1,20:1 No aprobado
Aa #E4EBF0 sobre #A9EB3E 1,19:1 No aprobado
Aa #7542B7 sobre #1A7194 1,19:1 No aprobado
Aa #919C8C sobre #E98E51 1,15:1 No aprobado
Aa #E4EBF0 sobre #FFFAA7 1,12:1 No aprobado
Aa #5F5652 sobre #7542B7 1,10:1 No aprobado
Aa #919C8C sobre #E64DEE 1,10:1 No aprobado
Aa #1A7194 sobre #C83822 1,06:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores