Registrarse Registrarse
Bluebell + Rot

Bluebell + Rot

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Bluebell + Rot

Paleta de 11 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 11 colores Colores fríos Tonos mixtos Armonía complementaria green blue purple brown
Me gusta 14
Colores 11

Variables CSS

:root {
  --c-vibrant-1: #45013B;
  --c-vibrant-2: #53298A;
  --c-vibrant-3: #726FD1;
  --c-vibrant-4: #AADEFA;
  --c-vibrant-5: #E2FCF3;
  --c-vibrant-6: #98E698;
  --c-vibrant-7: #86CC58;
  --c-vibrant-8: #818F1B;
  --c-vibrant-9: #63520C;
  --c-vibrant-10: #402201;
  --c-vibrant-11: #2B0A04;
}

Sobre esta paleta

Esta paleta de 11 colores vibrantes va de Mint Condition (#E2FCF3), su tono más claro, a Root Brew (#2B0A04), el más oscuro. Combina Eggplant, KSU Purple, C64 Purple, Droplet, Mint Condition, Granny Smith Apple, Fairy Tale Green, Foggy Bog, Olive Brown, Blackened Brown y Root Brew en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 20 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E2FCF3 sobre #2B0A04, con 16,95: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

Eggplant #45013B
RGB
rgb(69, 1, 59)
HSL
hsl(309, 97%, 14%)
Luminancia
0,016
KSU Purple #53298A
RGB
rgb(83, 41, 138)
HSL
hsl(266, 54%, 35%)
Luminancia
0,053
C64 Purple #726FD1
RGB
rgb(114, 111, 209)
HSL
hsl(242, 52%, 63%)
Luminancia
0,196
Droplet #AADEFA
RGB
rgb(170, 222, 250)
HSL
hsl(201, 89%, 82%)
Luminancia
0,677
Mint Condition #E2FCF3
RGB
rgb(226, 252, 243)
HSL
hsl(159, 81%, 94%)
Luminancia
0,923
Granny Smith Apple #98E698
RGB
rgb(152, 230, 152)
HSL
hsl(120, 61%, 75%)
Luminancia
0,655
Fairy Tale Green #86CC58
RGB
rgb(134, 204, 88)
HSL
hsl(96, 53%, 57%)
Luminancia
0,490
Foggy Bog #818F1B
RGB
rgb(129, 143, 27)
HSL
hsl(67, 68%, 33%)
Luminancia
0,244
Olive Brown #63520C
RGB
rgb(99, 82, 12)
HSL
hsl(48, 78%, 22%)
Luminancia
0,087
Blackened Brown #402201
RGB
rgb(64, 34, 1)
HSL
hsl(31, 97%, 13%)
Luminancia
0,022
Root Brew #2B0A04
RGB
rgb(43, 10, 4)
HSL
hsl(9, 83%, 9%)
Luminancia
0,007

Contraste y accesibilidad

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

Aa #E2FCF3 sobre #2B0A04 16,95:1 AAA
Aa #45013B sobre #E2FCF3 14,73:1 AAA
Aa #E2FCF3 sobre #402201 13,44:1 AAA
Aa #AADEFA sobre #2B0A04 12,67:1 AAA
Aa #98E698 sobre #2B0A04 12,29:1 AAA
Aa #45013B sobre #AADEFA 11,01:1 AAA
Aa #45013B sobre #98E698 10,68:1 AAA
Aa #AADEFA sobre #402201 10,05:1 AAA
Aa #98E698 sobre #402201 9,75:1 AAA
Aa #53298A sobre #E2FCF3 9,48:1 AAA
Aa #86CC58 sobre #2B0A04 9,40:1 AAA
Aa #45013B sobre #86CC58 8,17:1 AAA
Aa #86CC58 sobre #402201 7,46:1 AAA
Aa #E2FCF3 sobre #63520C 7,09:1 AAA
Aa #53298A sobre #AADEFA 7,08:1 AAA
Aa #53298A sobre #98E698 6,87:1 AA
Aa #AADEFA sobre #63520C 5,30:1 AA
Aa #53298A sobre #86CC58 5,26:1 AA
Aa #98E698 sobre #63520C 5,14:1 AA
Aa #818F1B sobre #2B0A04 5,12:1 AA
Aa #45013B sobre #818F1B 4,45:1 AA, texto grande
Aa #726FD1 sobre #2B0A04 4,28:1 AA, texto grande
Aa #818F1B sobre #402201 4,06:1 AA, texto grande
Aa #726FD1 sobre #E2FCF3 3,96:1 AA, texto grande
Aa #86CC58 sobre #63520C 3,93:1 AA, texto grande
Aa #45013B sobre #726FD1 3,72:1 AA, texto grande
Aa #726FD1 sobre #402201 3,39:1 AA, texto grande
Aa #E2FCF3 sobre #818F1B 3,31:1 AA, texto grande
Aa #726FD1 sobre #AADEFA 2,96:1 No aprobado
Aa #726FD1 sobre #98E698 2,87:1 No aprobado
Aa #53298A sobre #818F1B 2,86:1 No aprobado
Aa #AADEFA sobre #818F1B 2,47:1 No aprobado
Aa #98E698 sobre #818F1B 2,40:1 No aprobado
Aa #53298A sobre #726FD1 2,39:1 No aprobado
Aa #63520C sobre #2B0A04 2,39:1 No aprobado
Aa #726FD1 sobre #86CC58 2,20:1 No aprobado
Aa #818F1B sobre #63520C 2,14:1 No aprobado
Aa #45013B sobre #63520C 2,08:1 No aprobado
Aa #63520C sobre #402201 1,90:1 No aprobado
Aa #86CC58 sobre #818F1B 1,84:1 No aprobado
Aa #E2FCF3 sobre #86CC58 1,80:1 No aprobado
Aa #53298A sobre #2B0A04 1,79:1 No aprobado
Aa #726FD1 sobre #63520C 1,79:1 No aprobado
Aa #45013B sobre #53298A 1,55:1 No aprobado
Aa #53298A sobre #402201 1,42:1 No aprobado
Aa #E2FCF3 sobre #98E698 1,38:1 No aprobado
Aa #AADEFA sobre #86CC58 1,35:1 No aprobado
Aa #53298A sobre #63520C 1,34:1 No aprobado
Aa #AADEFA sobre #E2FCF3 1,34:1 No aprobado
Aa #98E698 sobre #86CC58 1,31:1 No aprobado
Aa #402201 sobre #2B0A04 1,26:1 No aprobado
Aa #726FD1 sobre #818F1B 1,20:1 No aprobado
Aa #45013B sobre #2B0A04 1,15:1 No aprobado
Aa #45013B sobre #402201 1,10:1 No aprobado
Aa #AADEFA sobre #98E698 1,03:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores