Registrarse Registrarse
CafeArisuki

CafeArisuki

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

CafeArisuki

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Editar
Colores vibrantes 10 colores Colores cálidos Tonos mixtos Armonía análoga pastel food fydotiles pastry
Me gusta 36
Colores 10

Variables CSS

:root {
  --c-vibrant-1: #49223F;
  --c-vibrant-2: #CC2B46;
  --c-vibrant-3: #F37E7E;
  --c-vibrant-4: #E7A794;
  --c-vibrant-5: #FBF1D1;
  --c-vibrant-6: #F6CDA3;
  --c-vibrant-7: #CA833C;
  --c-vibrant-8: #8A4646;
  --c-vibrant-9: #538F5A;
  --c-vibrant-10: #B4ACCC;
}

Sobre esta paleta

Esta paleta de 10 colores vibrantes va de Picture Perfect (#FBF1D1), su tono más claro, a Prestige Mauve (#49223F), el más oscuro. Combina Prestige Mauve, Demonic Kiss, Meat, Ageless Beauty, Picture Perfect, Lion Cub, Peru, Forbidden Red, Middle Green y Lavender Dream en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #49223F sobre #FBF1D1, con 11,75: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

Prestige Mauve #49223F
RGB
rgb(73, 34, 63)
HSL
hsl(315, 36%, 21%)
Luminancia
0,029
Demonic Kiss #CC2B46
RGB
rgb(204, 43, 70)
HSL
hsl(350, 65%, 48%)
Luminancia
0,150
Meat #F37E7E
RGB
rgb(243, 126, 126)
HSL
hsl(0, 83%, 72%)
Luminancia
0,355
Ageless Beauty #E7A794
RGB
rgb(231, 167, 148)
HSL
hsl(14, 63%, 74%)
Luminancia
0,468
Picture Perfect #FBF1D1
RGB
rgb(251, 241, 209)
HSL
hsl(46, 84%, 90%)
Luminancia
0,880
Lion Cub #F6CDA3
RGB
rgb(246, 205, 163)
HSL
hsl(30, 82%, 80%)
Luminancia
0,659
Peru #CA833C
RGB
rgb(202, 131, 60)
HSL
hsl(30, 57%, 51%)
Luminancia
0,291
Forbidden Red #8A4646
RGB
rgb(138, 70, 70)
HSL
hsl(0, 33%, 41%)
Luminancia
0,102
Middle Green #538F5A
RGB
rgb(83, 143, 90)
HSL
hsl(127, 27%, 44%)
Luminancia
0,222
Lavender Dream #B4ACCC
RGB
rgb(180, 172, 204)
HSL
hsl(255, 24%, 74%)
Luminancia
0,436

Contraste y accesibilidad

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

Aa #49223F sobre #FBF1D1 11,75:1 AAA
Aa #49223F sobre #F6CDA3 8,95:1 AAA
Aa #49223F sobre #E7A794 6,54:1 AA
Aa #49223F sobre #B4ACCC 6,13:1 AA
Aa #FBF1D1 sobre #8A4646 6,11:1 AA
Aa #49223F sobre #F37E7E 5,11:1 AA
Aa #F6CDA3 sobre #8A4646 4,66:1 AA
Aa #CC2B46 sobre #FBF1D1 4,65:1 AA
Aa #49223F sobre #CA833C 4,31:1 AA, texto grande
Aa #CC2B46 sobre #F6CDA3 3,54:1 AA, texto grande
Aa #49223F sobre #538F5A 3,44:1 AA, texto grande
Aa #FBF1D1 sobre #538F5A 3,42:1 AA, texto grande
Aa #E7A794 sobre #8A4646 3,40:1 AA, texto grande
Aa #8A4646 sobre #B4ACCC 3,19:1 AA, texto grande
Aa #FBF1D1 sobre #CA833C 2,73:1 No aprobado
Aa #F37E7E sobre #8A4646 2,66:1 No aprobado
Aa #F6CDA3 sobre #538F5A 2,60:1 No aprobado
Aa #CC2B46 sobre #E7A794 2,59:1 No aprobado
Aa #49223F sobre #CC2B46 2,53:1 No aprobado
Aa #CC2B46 sobre #B4ACCC 2,43:1 No aprobado
Aa #F37E7E sobre #FBF1D1 2,30:1 No aprobado
Aa #CA833C sobre #8A4646 2,24:1 No aprobado
Aa #F6CDA3 sobre #CA833C 2,08:1 No aprobado
Aa #CC2B46 sobre #F37E7E 2,02:1 No aprobado
Aa #49223F sobre #8A4646 1,92:1 No aprobado
Aa #FBF1D1 sobre #B4ACCC 1,92:1 No aprobado
Aa #E7A794 sobre #538F5A 1,90:1 No aprobado
Aa #E7A794 sobre #FBF1D1 1,80:1 No aprobado
Aa #8A4646 sobre #538F5A 1,79:1 No aprobado
Aa #538F5A sobre #B4ACCC 1,78:1 No aprobado
Aa #F37E7E sobre #F6CDA3 1,75:1 No aprobado
Aa #CC2B46 sobre #CA833C 1,71:1 No aprobado
Aa #E7A794 sobre #CA833C 1,52:1 No aprobado
Aa #F37E7E sobre #538F5A 1,49:1 No aprobado
Aa #F6CDA3 sobre #B4ACCC 1,46:1 No aprobado
Aa #CA833C sobre #B4ACCC 1,42:1 No aprobado
Aa #E7A794 sobre #F6CDA3 1,37:1 No aprobado
Aa #CC2B46 sobre #538F5A 1,36:1 No aprobado
Aa #CC2B46 sobre #8A4646 1,31:1 No aprobado
Aa #FBF1D1 sobre #F6CDA3 1,31:1 No aprobado
Aa #F37E7E sobre #E7A794 1,28:1 No aprobado
Aa #CA833C sobre #538F5A 1,25:1 No aprobado
Aa #F37E7E sobre #B4ACCC 1,20:1 No aprobado
Aa #F37E7E sobre #CA833C 1,19:1 No aprobado
Aa #E7A794 sobre #B4ACCC 1,07:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores