Registrarse Registrarse
Sadakiyo5

Sadakiyo5

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

Volver a la biblioteca

Sadakiyo5

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

Editar
Colores apagados 5 colores Colores cálidos Tonos claros Armonía complementaria pink pastel cute grey
Me gusta 165
Colores 5

Variables CSS

:root {
  --c-muted-1: #555568;
  --c-muted-2: #8E9191;
  --c-muted-3: #EEB9C7;
  --c-muted-4: #F3EDED;
  --c-muted-5: #B9EEDC;
}

Sobre esta paleta

Esta paleta de 5 colores apagados va de First Blush (#F3EDED), su tono más claro, a Academy Purple (#555568), el más oscuro. Combina Academy Purple, Silver Snippet, Chantilly, First Blush y Salome en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 10. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #555568 sobre #F3EDED, con 6,29: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

Academy Purple #555568
RGB
rgb(85, 85, 104)
HSL
hsl(240, 10%, 37%)
Luminancia
0,094
Silver Snippet #8E9191
RGB
rgb(142, 145, 145)
HSL
hsl(180, 1%, 56%)
Luminancia
0,281
Chantilly #EEB9C7
RGB
rgb(238, 185, 199)
HSL
hsl(344, 61%, 83%)
Luminancia
0,570
First Blush #F3EDED
RGB
rgb(243, 237, 237)
HSL
hsl(0, 20%, 94%)
Luminancia
0,857
Salome #B9EEDC
RGB
rgb(185, 238, 220)
HSL
hsl(160, 61%, 83%)
Luminancia
0,766

Contraste y accesibilidad

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

Aa #555568 sobre #F3EDED 6,29:1 AA
Aa #555568 sobre #B9EEDC 5,66:1 AA
Aa #555568 sobre #EEB9C7 4,30:1 AA, texto grande
Aa #8E9191 sobre #F3EDED 2,75:1 No aprobado
Aa #8E9191 sobre #B9EEDC 2,47:1 No aprobado
Aa #555568 sobre #8E9191 2,29:1 No aprobado
Aa #8E9191 sobre #EEB9C7 1,88:1 No aprobado
Aa #EEB9C7 sobre #F3EDED 1,46:1 No aprobado
Aa #EEB9C7 sobre #B9EEDC 1,32:1 No aprobado
Aa #F3EDED sobre #B9EEDC 1,11: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