Registrarse Registrarse
BIOHAZARD9

BIOHAZARD9

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

Volver a la biblioteca

BIOHAZARD9

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

Editar
Colores vibrantes 9 colores Colores fríos Tonos mixtos Armonía complementaria radioactive toxic ethanhunt ethanhunt404
Me gusta 27
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #EEFF99;
  --c-vibrant-2: #E0F76E;
  --c-vibrant-3: #63EB47;
  --c-vibrant-4: #26D980;
  --c-vibrant-5: #298FA3;
  --c-vibrant-6: #283576;
  --c-vibrant-7: #331F47;
  --c-vibrant-8: #E6B045;
  --c-vibrant-9: #D92640;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de Metal Spark (#EEFF99), su tono más claro, a Power Outage (#331F47), el más oscuro. Combina Metal Spark, Mystic Green, Miyazaki Verdant, Shivering Green, Scooter, Ballpoint Indigo, Power Outage, Mì Chéng Honey y Infrared Tang en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #EEFF99 sobre #331F47, con 13,59: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

Metal Spark #EEFF99
RGB
rgb(238, 255, 153)
HSL
hsl(70, 100%, 80%)
Luminancia
0,920
Mystic Green #E0F76E
RGB
rgb(224, 247, 110)
HSL
hsl(70, 90%, 70%)
Luminancia
0,835
Miyazaki Verdant #63EB47
RGB
rgb(99, 235, 71)
HSL
hsl(110, 80%, 60%)
Luminancia
0,625
Shivering Green #26D980
RGB
rgb(38, 217, 128)
HSL
hsl(150, 70%, 50%)
Luminancia
0,516
Scooter #298FA3
RGB
rgb(41, 143, 163)
HSL
hsl(190, 60%, 40%)
Luminancia
0,228
Ballpoint Indigo #283576
RGB
rgb(40, 53, 118)
HSL
hsl(230, 49%, 31%)
Luminancia
0,043
Power Outage #331F47
RGB
rgb(51, 31, 71)
HSL
hsl(270, 39%, 20%)
Luminancia
0,021
Mì Chéng Honey #E6B045
RGB
rgb(230, 176, 69)
HSL
hsl(40, 76%, 59%)
Luminancia
0,483
Infrared Tang #D92640
RGB
rgb(217, 38, 64)
HSL
hsl(351, 70%, 50%)
Luminancia
0,165

Contraste y accesibilidad

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

Aa #EEFF99 sobre #331F47 13,59:1 AAA
Aa #E0F76E sobre #331F47 12,40:1 AAA
Aa #EEFF99 sobre #283576 10,42:1 AAA
Aa #E0F76E sobre #283576 9,51:1 AAA
Aa #63EB47 sobre #331F47 9,46:1 AAA
Aa #26D980 sobre #331F47 7,93:1 AAA
Aa #331F47 sobre #E6B045 7,47:1 AAA
Aa #63EB47 sobre #283576 7,26:1 AAA
Aa #26D980 sobre #283576 6,08:1 AA
Aa #283576 sobre #E6B045 5,73:1 AA
Aa #EEFF99 sobre #D92640 4,51:1 AA
Aa #E0F76E sobre #D92640 4,11:1 AA, texto grande
Aa #298FA3 sobre #331F47 3,89:1 AA, texto grande
Aa #EEFF99 sobre #298FA3 3,49:1 AA, texto grande
Aa #E0F76E sobre #298FA3 3,19:1 AA, texto grande
Aa #63EB47 sobre #D92640 3,14:1 AA, texto grande
Aa #331F47 sobre #D92640 3,01:1 AA, texto grande
Aa #298FA3 sobre #283576 2,98:1 No aprobado
Aa #26D980 sobre #D92640 2,63:1 No aprobado
Aa #E6B045 sobre #D92640 2,48:1 No aprobado
Aa #63EB47 sobre #298FA3 2,43:1 No aprobado
Aa #283576 sobre #D92640 2,31:1 No aprobado
Aa #26D980 sobre #298FA3 2,04:1 No aprobado
Aa #298FA3 sobre #E6B045 1,92:1 No aprobado
Aa #EEFF99 sobre #E6B045 1,82:1 No aprobado
Aa #EEFF99 sobre #26D980 1,71:1 No aprobado
Aa #E0F76E sobre #E6B045 1,66:1 No aprobado
Aa #E0F76E sobre #26D980 1,56:1 No aprobado
Aa #EEFF99 sobre #63EB47 1,44:1 No aprobado
Aa #E0F76E sobre #63EB47 1,31:1 No aprobado
Aa #283576 sobre #331F47 1,30:1 No aprobado
Aa #298FA3 sobre #D92640 1,29:1 No aprobado
Aa #63EB47 sobre #E6B045 1,27:1 No aprobado
Aa #63EB47 sobre #26D980 1,19:1 No aprobado
Aa #EEFF99 sobre #E0F76E 1,10:1 No aprobado
Aa #26D980 sobre #E6B045 1,06: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