Registrarse Registrarse
Enchanted Purple

Enchanted Purple

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

Enchanted Purple

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía análoga

Editar
Colores apagados 12 colores Colores fríos Tonos mixtos Armonía análoga purple glow enchanted
Me gusta 226
Colores 12

Variables CSS

:root {
  --c-muted-1: #16254A;
  --c-muted-2: #3A4278;
  --c-muted-3: #4D4E8F;
  --c-muted-4: #605A9E;
  --c-muted-5: #746FB3;
  --c-muted-6: #8071B5;
  --c-muted-7: #917AC2;
  --c-muted-8: #9877C5;
  --c-muted-9: #C594E6;
  --c-muted-10: #E1A8FA;
  --c-muted-11: #F5C1FF;
  --c-muted-12: #FCCFFF;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Pink Diamond (#FCCFFF), su tono más claro, a Rurikon Blue (#16254A), el más oscuro. Combina Rurikon Blue, Little Blue Heron, Twilight, Purple Opulence, Clear Mauve, Dahlia Purple, Ube, Lilac Bush, Bright Lavender, Testosterose, Electric Lavender y Pink Diamond en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #16254A sobre #FCCFFF, con 11,1: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

Rurikon Blue #16254A
RGB
rgb(22, 37, 74)
HSL
hsl(223, 54%, 19%)
Luminancia
0,020
Little Blue Heron #3A4278
RGB
rgb(58, 66, 120)
HSL
hsl(232, 35%, 35%)
Luminancia
0,062
Twilight #4D4E8F
RGB
rgb(77, 78, 143)
HSL
hsl(239, 30%, 43%)
Luminancia
0,090
Purple Opulence #605A9E
RGB
rgb(96, 90, 158)
HSL
hsl(245, 27%, 49%)
Luminancia
0,123
Clear Mauve #746FB3
RGB
rgb(116, 111, 179)
HSL
hsl(244, 31%, 57%)
Luminancia
0,183
Dahlia Purple #8071B5
RGB
rgb(128, 113, 181)
HSL
hsl(253, 31%, 58%)
Luminancia
0,197
Ube #917AC2
RGB
rgb(145, 122, 194)
HSL
hsl(259, 37%, 62%)
Luminancia
0,238
Lilac Bush #9877C5
RGB
rgb(152, 119, 197)
HSL
hsl(265, 40%, 62%)
Luminancia
0,239
Bright Lavender #C594E6
RGB
rgb(197, 148, 230)
HSL
hsl(276, 62%, 74%)
Luminancia
0,388
Testosterose #E1A8FA
RGB
rgb(225, 168, 250)
HSL
hsl(282, 89%, 82%)
Luminancia
0,509
Electric Lavender #F5C1FF
RGB
rgb(245, 193, 255)
HSL
hsl(290, 100%, 88%)
Luminancia
0,648
Pink Diamond #FCCFFF
RGB
rgb(252, 207, 255)
HSL
hsl(296, 100%, 91%)
Luminancia
0,725

Contraste y accesibilidad

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

Aa #16254A sobre #FCCFFF 11,10:1 AAA
Aa #16254A sobre #F5C1FF 9,98:1 AAA
Aa #16254A sobre #E1A8FA 8,00:1 AAA
Aa #3A4278 sobre #FCCFFF 6,95:1 AA
Aa #16254A sobre #C594E6 6,26:1 AA
Aa #3A4278 sobre #F5C1FF 6,26:1 AA
Aa #4D4E8F sobre #FCCFFF 5,53:1 AA
Aa #3A4278 sobre #E1A8FA 5,01:1 AA
Aa #4D4E8F sobre #F5C1FF 4,98:1 AA
Aa #605A9E sobre #FCCFFF 4,49:1 AA, texto grande
Aa #16254A sobre #9877C5 4,14:1 AA, texto grande
Aa #16254A sobre #917AC2 4,13:1 AA, texto grande
Aa #605A9E sobre #F5C1FF 4,04:1 AA, texto grande
Aa #4D4E8F sobre #E1A8FA 3,99:1 AA, texto grande
Aa #3A4278 sobre #C594E6 3,92:1 AA, texto grande
Aa #16254A sobre #8071B5 3,54:1 AA, texto grande
Aa #16254A sobre #746FB3 3,34:1 AA, texto grande
Aa #746FB3 sobre #FCCFFF 3,32:1 AA, texto grande
Aa #605A9E sobre #E1A8FA 3,24:1 AA, texto grande
Aa #8071B5 sobre #FCCFFF 3,13:1 AA, texto grande
Aa #4D4E8F sobre #C594E6 3,12:1 AA, texto grande
Aa #746FB3 sobre #F5C1FF 2,99:1 No aprobado
Aa #8071B5 sobre #F5C1FF 2,82:1 No aprobado
Aa #917AC2 sobre #FCCFFF 2,69:1 No aprobado
Aa #9877C5 sobre #FCCFFF 2,68:1 No aprobado
Aa #3A4278 sobre #917AC2 2,59:1 No aprobado
Aa #3A4278 sobre #9877C5 2,59:1 No aprobado
Aa #605A9E sobre #C594E6 2,53:1 No aprobado
Aa #16254A sobre #605A9E 2,47:1 No aprobado
Aa #917AC2 sobre #F5C1FF 2,42:1 No aprobado
Aa #9877C5 sobre #F5C1FF 2,41:1 No aprobado
Aa #746FB3 sobre #E1A8FA 2,40:1 No aprobado
Aa #8071B5 sobre #E1A8FA 2,26:1 No aprobado
Aa #3A4278 sobre #8071B5 2,22:1 No aprobado
Aa #3A4278 sobre #746FB3 2,09:1 No aprobado
Aa #4D4E8F sobre #917AC2 2,06:1 No aprobado
Aa #4D4E8F sobre #9877C5 2,06:1 No aprobado
Aa #16254A sobre #4D4E8F 2,00:1 No aprobado
Aa #917AC2 sobre #E1A8FA 1,94:1 No aprobado
Aa #9877C5 sobre #E1A8FA 1,93:1 No aprobado
Aa #746FB3 sobre #C594E6 1,88:1 No aprobado
Aa #4D4E8F sobre #8071B5 1,77:1 No aprobado
Aa #8071B5 sobre #C594E6 1,77:1 No aprobado
Aa #C594E6 sobre #FCCFFF 1,77:1 No aprobado
Aa #4D4E8F sobre #746FB3 1,67:1 No aprobado
Aa #605A9E sobre #917AC2 1,67:1 No aprobado
Aa #605A9E sobre #9877C5 1,67:1 No aprobado
Aa #16254A sobre #3A4278 1,60:1 No aprobado
Aa #C594E6 sobre #F5C1FF 1,59:1 No aprobado
Aa #3A4278 sobre #605A9E 1,55:1 No aprobado
Aa #917AC2 sobre #C594E6 1,52:1 No aprobado
Aa #9877C5 sobre #C594E6 1,51:1 No aprobado
Aa #605A9E sobre #8071B5 1,43:1 No aprobado
Aa #E1A8FA sobre #FCCFFF 1,39:1 No aprobado
Aa #605A9E sobre #746FB3 1,35:1 No aprobado
Aa #C594E6 sobre #E1A8FA 1,28:1 No aprobado
Aa #3A4278 sobre #4D4E8F 1,26:1 No aprobado
Aa #E1A8FA sobre #F5C1FF 1,25:1 No aprobado
Aa #746FB3 sobre #917AC2 1,24:1 No aprobado
Aa #746FB3 sobre #9877C5 1,24:1 No aprobado
Aa #4D4E8F sobre #605A9E 1,23:1 No aprobado
Aa #8071B5 sobre #917AC2 1,17:1 No aprobado
Aa #8071B5 sobre #9877C5 1,17:1 No aprobado
Aa #F5C1FF sobre #FCCFFF 1,11:1 No aprobado
Aa #746FB3 sobre #8071B5 1,06:1 No aprobado
Aa #917AC2 sobre #9877C5 1,00: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