Esta paleta de 4 colores apagados va de Natural Youth (#D5E7B5), su tono más claro, a Merlin’s Robe (#474E93), el más oscuro. Combina Merlin’s Robe, Genestealer Purple, Larchmere y Natural Youth en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #474E93 sobre #D5E7B5, con 5,73: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
Merlin’s Robe#474E93
RGB
rgb(71, 78, 147)
HSL
hsl(234, 35%, 43%)
Luminancia
0,089
Genestealer Purple#7E5CAD
RGB
rgb(126, 92, 173)
HSL
hsl(265, 33%, 52%)
Luminancia
0,151
Larchmere#72BAA9
RGB
rgb(114, 186, 169)
HSL
hsl(166, 34%, 59%)
Luminancia
0,416
Natural Youth#D5E7B5
RGB
rgb(213, 231, 181)
HSL
hsl(82, 51%, 81%)
Luminancia
0,746
Contraste y accesibilidad
Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa#474E93 sobre #D5E7B55,73:1AA
Aa#7E5CAD sobre #D5E7B53,96:1AA, texto grande
Aa#474E93 sobre #72BAA93,35:1AA, texto grande
Aa#7E5CAD sobre #72BAA92,32:1No aprobado
Aa#72BAA9 sobre #D5E7B51,71:1No aprobado
Aa#474E93 sobre #7E5CAD1,45:1No 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
Paleta
Ayúdanos a mejorar
¿Encontraste un error? ¿Tienes una idea?
Jinero está en pleno desarrollo. Si algo no funciona o se comporta de forma extraña, cuéntanoslo. Si te gustaría que tuviéramos alguna herramienta o función, cuéntanoslo también. Leemos cada mensaje y eso decide directamente qué construimos después.