Registrarse Registrarse
Solarize

Solarize

Paleta de 5 colores · Colores cálidos · Tonos claros · Armonía análoga

Volver a la biblioteca

Solarize

Paleta de 5 colores · Colores cálidos · Tonos claros · Armonía análoga

Editar
Colores vibrantes 5 colores Colores cálidos Tonos claros Armonía análoga warm
Me gusta 4
Colores 5

Variables CSS

:root {
  --c-vibrant-1: #FFFF4E;
  --c-vibrant-2: #FECE84;
  --c-vibrant-3: #E59C7B;
  --c-vibrant-4: #F5704B;
  --c-vibrant-5: #A86577;
}

Sobre esta paleta

Esta paleta de 5 colores vibrantes va de Butter Cake (#FFFF4E), su tono más claro, a Heather Rose (#A86577), el más oscuro. Combina Butter Cake, Equatorial, Les Demoiselles d’Avignon, Fiery Sky y Heather Rose en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 10 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Desglose de colores

Butter Cake #FFFF4E
RGB
rgb(255, 255, 78)
HSL
hsl(60, 100%, 65%)
Luminancia
0,933
Equatorial #FECE84
RGB
rgb(254, 206, 132)
HSL
hsl(36, 98%, 76%)
Luminancia
0,669
Les Demoiselles d’Avignon #E59C7B
RGB
rgb(229, 156, 123)
HSL
hsl(19, 67%, 69%)
Luminancia
0,419
Fiery Sky #F5704B
RGB
rgb(245, 112, 75)
HSL
hsl(13, 89%, 63%)
Luminancia
0,315
Heather Rose #A86577
RGB
rgb(168, 101, 119)
HSL
hsl(344, 28%, 53%)
Luminancia
0,190

Contraste y accesibilidad

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

Aa #FFFF4E sobre #A86577 4,10:1 AA, texto grande
Aa #FECE84 sobre #A86577 3,00:1 AA, texto grande
Aa #FFFF4E sobre #F5704B 2,69:1 No aprobado
Aa #FFFF4E sobre #E59C7B 2,10:1 No aprobado
Aa #FECE84 sobre #F5704B 1,97:1 No aprobado
Aa #E59C7B sobre #A86577 1,96:1 No aprobado
Aa #FECE84 sobre #E59C7B 1,53:1 No aprobado
Aa #F5704B sobre #A86577 1,52:1 No aprobado
Aa #FFFF4E sobre #FECE84 1,37:1 No aprobado
Aa #E59C7B sobre #F5704B 1,28:1 No aprobado

Paletas similares

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colores