Registrarse Registrarse
Cotton Candy

Cotton Candy

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

Volver a la biblioteca

Cotton Candy

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

Editar
Colores vibrantes 10 colores Colores cálidos Tonos mixtos Armonía complementaria artist pink blue purple
Me gusta 25
Colores 10

Variables CSS

:root {
  --c-vibrant-1: #032165;
  --c-vibrant-2: #00608C;
  --c-vibrant-3: #00D6BA;
  --c-vibrant-4: #FFFAD6;
  --c-vibrant-5: #FFC0CF;
  --c-vibrant-6: #FF73C1;
  --c-vibrant-7: #CC1C58;
  --c-vibrant-8: #7B5CAB;
  --c-vibrant-9: #4F2D84;
  --c-vibrant-10: #000000;
}

Sobre esta paleta

Esta paleta de 10 colores vibrantes va de Country Summer (#FFFAD6), su tono más claro, a Black (#000000), el más oscuro. Combina Midnight Melancholia, Ink Blotch, Channel Marker Green, Country Summer, Garden Glory, Dream Setting, Love Surge, Genestealer Purple, Sick Blue y Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FFFAD6 sobre #000000, con 19,9: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

Midnight Melancholia #032165
RGB
rgb(3, 33, 101)
HSL
hsl(222, 94%, 20%)
Luminancia
0,021
Ink Blotch #00608C
RGB
rgb(0, 96, 140)
HSL
hsl(199, 100%, 27%)
Luminancia
0,103
Channel Marker Green #00D6BA
RGB
rgb(0, 214, 186)
HSL
hsl(172, 100%, 42%)
Luminancia
0,516
Country Summer #FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
Luminancia
0,945
Garden Glory #FFC0CF
RGB
rgb(255, 192, 207)
HSL
hsl(346, 100%, 88%)
Luminancia
0,635
Dream Setting #FF73C1
RGB
rgb(255, 115, 193)
HSL
hsl(327, 100%, 73%)
Luminancia
0,374
Love Surge #CC1C58
RGB
rgb(204, 28, 88)
HSL
hsl(340, 76%, 45%)
Luminancia
0,144
Genestealer Purple #7B5CAB
RGB
rgb(123, 92, 171)
HSL
hsl(264, 32%, 52%)
Luminancia
0,148
Sick Blue #4F2D84
RGB
rgb(79, 45, 132)
HSL
hsl(263, 49%, 35%)
Luminancia
0,052
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000

Contraste y accesibilidad

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

Aa #FFFAD6 sobre #000000 19,90:1 AAA
Aa #032165 sobre #FFFAD6 14,12:1 AAA
Aa #FFC0CF sobre #000000 13,69:1 AAA
Aa #00D6BA sobre #000000 11,33:1 AAA
Aa #FFFAD6 sobre #4F2D84 9,75:1 AAA
Aa #032165 sobre #FFC0CF 9,72:1 AAA
Aa #FF73C1 sobre #000000 8,47:1 AAA
Aa #032165 sobre #00D6BA 8,04:1 AAA
Aa #FFC0CF sobre #4F2D84 6,71:1 AA
Aa #00608C sobre #FFFAD6 6,52:1 AA
Aa #032165 sobre #FF73C1 6,01:1 AA
Aa #00D6BA sobre #4F2D84 5,55:1 AA
Aa #FFFAD6 sobre #CC1C58 5,14:1 AA
Aa #FFFAD6 sobre #7B5CAB 5,02:1 AA
Aa #00608C sobre #FFC0CF 4,49:1 AA, texto grande
Aa #FF73C1 sobre #4F2D84 4,15:1 AA, texto grande
Aa #7B5CAB sobre #000000 3,96:1 AA, texto grande
Aa #CC1C58 sobre #000000 3,87:1 AA, texto grande
Aa #00608C sobre #00D6BA 3,71:1 AA, texto grande
Aa #FFC0CF sobre #CC1C58 3,53:1 AA, texto grande
Aa #FFC0CF sobre #7B5CAB 3,46:1 AA, texto grande
Aa #00608C sobre #000000 3,05:1 AA, texto grande
Aa #00D6BA sobre #CC1C58 2,92:1 No aprobado
Aa #00D6BA sobre #7B5CAB 2,86:1 No aprobado
Aa #032165 sobre #7B5CAB 2,81:1 No aprobado
Aa #00608C sobre #FF73C1 2,78:1 No aprobado
Aa #032165 sobre #CC1C58 2,75:1 No aprobado
Aa #FFFAD6 sobre #FF73C1 2,35:1 No aprobado
Aa #FF73C1 sobre #CC1C58 2,19:1 No aprobado
Aa #032165 sobre #00608C 2,17:1 No aprobado
Aa #FF73C1 sobre #7B5CAB 2,14:1 No aprobado
Aa #4F2D84 sobre #000000 2,04:1 No aprobado
Aa #7B5CAB sobre #4F2D84 1,94:1 No aprobado
Aa #CC1C58 sobre #4F2D84 1,90:1 No aprobado
Aa #00D6BA sobre #FFFAD6 1,76:1 No aprobado
Aa #FFC0CF sobre #FF73C1 1,62:1 No aprobado
Aa #00608C sobre #4F2D84 1,50:1 No aprobado
Aa #032165 sobre #4F2D84 1,45:1 No aprobado
Aa #FFFAD6 sobre #FFC0CF 1,45:1 No aprobado
Aa #032165 sobre #000000 1,41:1 No aprobado
Aa #00D6BA sobre #FF73C1 1,34:1 No aprobado
Aa #00608C sobre #7B5CAB 1,30:1 No aprobado
Aa #00608C sobre #CC1C58 1,27:1 No aprobado
Aa #00D6BA sobre #FFC0CF 1,21:1 No aprobado
Aa #CC1C58 sobre #7B5CAB 1,02: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