Criar conta Criar conta
BIOHAZARD9

BIOHAZARD9

Paleta de 9 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

BIOHAZARD9

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 9 cores Fria Mista Complementar radioactive toxic ethanhunt ethanhunt404
Curtidas 27
Cores 9

Variáveis 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 vibrante de 9 cores vai de Metal Spark (#EEFF99), o tom mais claro, até Power Outage (#331F47), o mais escuro. Ela reúne Metal Spark, Mystic Green, Miyazaki Verdant, Shivering Green, Scooter, Ballpoint Indigo, Power Outage, Mì Chéng Honey e Infrared Tang em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #EEFF99 sobre #331F47, com 13,59:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

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

Contraste e acessibilidade

11 de 36 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado
Aa #26D980 sobre #D92640 2,63:1 Reprovado
Aa #E6B045 sobre #D92640 2,48:1 Reprovado
Aa #63EB47 sobre #298FA3 2,43:1 Reprovado
Aa #283576 sobre #D92640 2,31:1 Reprovado
Aa #26D980 sobre #298FA3 2,04:1 Reprovado
Aa #298FA3 sobre #E6B045 1,92:1 Reprovado
Aa #EEFF99 sobre #E6B045 1,82:1 Reprovado
Aa #EEFF99 sobre #26D980 1,71:1 Reprovado
Aa #E0F76E sobre #E6B045 1,66:1 Reprovado
Aa #E0F76E sobre #26D980 1,56:1 Reprovado
Aa #EEFF99 sobre #63EB47 1,44:1 Reprovado
Aa #E0F76E sobre #63EB47 1,31:1 Reprovado
Aa #283576 sobre #331F47 1,30:1 Reprovado
Aa #298FA3 sobre #D92640 1,29:1 Reprovado
Aa #63EB47 sobre #E6B045 1,27:1 Reprovado
Aa #63EB47 sobre #26D980 1,19:1 Reprovado
Aa #EEFF99 sobre #E0F76E 1,10:1 Reprovado
Aa #26D980 sobre #E6B045 1,06:1 Reprovado

Paletas semelhantes

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