Registrarse Registrarse
Calm Sunset

Calm Sunset

Paleta de 7 colores · Colores cálidos · Tonos claros · Armonía triádica

Volver a la biblioteca

Calm Sunset

Paleta de 7 colores · Colores cálidos · Tonos claros · Armonía triádica

Editar
Colores vibrantes 7 colores Colores cálidos Tonos claros Armonía triádica sky clouds sunset calm
Me gusta 570
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #684971;
  --c-vibrant-2: #A06389;
  --c-vibrant-3: #CB7CA2;
  --c-vibrant-4: #E1AEA4;
  --c-vibrant-5: #F9D8A1;
  --c-vibrant-6: #FFECB2;
  --c-vibrant-7: #FFFCF1;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Granulated Sugar (#FFFCF1), su tono más claro, a Clary (#684971), el más oscuro. Combina Clary, Raspberry Jelly Red, Heartbreaker, Pale Blush, Milky Maize, Dear Melissa y Granulated Sugar en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #684971 sobre #FFFCF1, con 7,35: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

Clary #684971
RGB
rgb(104, 73, 113)
HSL
hsl(287, 22%, 36%)
Luminancia
0,089
Raspberry Jelly Red #A06389
RGB
rgb(160, 99, 137)
HSL
hsl(323, 24%, 51%)
Luminancia
0,182
Heartbreaker #CB7CA2
RGB
rgb(203, 124, 162)
HSL
hsl(331, 43%, 64%)
Luminancia
0,297
Pale Blush #E1AEA4
RGB
rgb(225, 174, 164)
HSL
hsl(10, 50%, 76%)
Luminancia
0,490
Milky Maize #F9D8A1
RGB
rgb(249, 216, 161)
HSL
hsl(38, 88%, 80%)
Luminancia
0,718
Dear Melissa #FFECB2
RGB
rgb(255, 236, 178)
HSL
hsl(45, 100%, 85%)
Luminancia
0,845
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Luminancia
0,972

Contraste y accesibilidad

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

Aa #684971 sobre #FFFCF1 7,35:1 AAA
Aa #684971 sobre #FFECB2 6,44:1 AA
Aa #684971 sobre #F9D8A1 5,53:1 AA
Aa #A06389 sobre #FFFCF1 4,41:1 AA, texto grande
Aa #684971 sobre #E1AEA4 3,88:1 AA, texto grande
Aa #A06389 sobre #FFECB2 3,86:1 AA, texto grande
Aa #A06389 sobre #F9D8A1 3,31:1 AA, texto grande
Aa #CB7CA2 sobre #FFFCF1 2,94:1 No aprobado
Aa #CB7CA2 sobre #FFECB2 2,58:1 No aprobado
Aa #684971 sobre #CB7CA2 2,50:1 No aprobado
Aa #A06389 sobre #E1AEA4 2,33:1 No aprobado
Aa #CB7CA2 sobre #F9D8A1 2,21:1 No aprobado
Aa #E1AEA4 sobre #FFFCF1 1,89:1 No aprobado
Aa #684971 sobre #A06389 1,67:1 No aprobado
Aa #E1AEA4 sobre #FFECB2 1,66:1 No aprobado
Aa #CB7CA2 sobre #E1AEA4 1,55:1 No aprobado
Aa #A06389 sobre #CB7CA2 1,50:1 No aprobado
Aa #E1AEA4 sobre #F9D8A1 1,42:1 No aprobado
Aa #F9D8A1 sobre #FFFCF1 1,33:1 No aprobado
Aa #F9D8A1 sobre #FFECB2 1,16:1 No aprobado
Aa #FFECB2 sobre #FFFCF1 1,14: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