Início Paletas de cores Fluorescent Breeze

Fluorescent Breeze

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

Voltar à biblioteca

Fluorescent Breeze

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

Editar

Vibrante 12 cores Fria Mista Complementar green orange blue purple

Curtidas 68

Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #3EE0DB;
  --c-vibrant-2: #20A1BF;
  --c-vibrant-3: #04358D;
  --c-vibrant-4: #250A57;
  --c-vibrant-5: #5E49B4;
  --c-vibrant-6: #C36CC9;
  --c-vibrant-7: #F78A90;
  --c-vibrant-8: #FFAE36;
  --c-vibrant-9: #FFDB7F;
  --c-vibrant-10: #FFF9E5;
  --c-vibrant-11: #D6EF10;
  --c-vibrant-12: #69C32C;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Magnolia (#FFF9E5), o tom mais claro, até Indigo Sloth (#250A57), o mais escuro. Ela reúne Fresh Turquoise, Maui, One Minute to Midnight, Indigo Sloth, Swiss Plum, Purple Urn Orchid, Vinaceous Cinnamon, Ripe Pumpkin, Lantern Gold, Magnolia, Liquid Lime e Zunda Green em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 19 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #250A57 sobre #FFF9E5, com 15,82: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

Fresh Turquoise #3EE0DB

RGB: rgb(62, 224, 219)
HSL: hsl(178, 72%, 56%)
Luminância: 0,595

Maui #20A1BF

RGB: rgb(32, 161, 191)
HSL: hsl(191, 71%, 44%)
Luminância: 0,296

One Minute to Midnight #04358D

RGB: rgb(4, 53, 141)
HSL: hsl(219, 94%, 28%)
Luminância: 0,045

Indigo Sloth #250A57

RGB: rgb(37, 10, 87)
HSL: hsl(261, 79%, 19%)
Luminância: 0,013

Swiss Plum #5E49B4

RGB: rgb(94, 73, 180)
HSL: hsl(252, 42%, 50%)
Luminância: 0,104

Purple Urn Orchid #C36CC9

RGB: rgb(195, 108, 201)
HSL: hsl(296, 46%, 61%)
Luminância: 0,265

Vinaceous Cinnamon #F78A90

RGB: rgb(247, 138, 144)
HSL: hsl(357, 87%, 75%)
Luminância: 0,400

Ripe Pumpkin #FFAE36

RGB: rgb(255, 174, 54)
HSL: hsl(36, 100%, 61%)
Luminância: 0,518

Lantern Gold #FFDB7F

RGB: rgb(255, 219, 127)
HSL: hsl(43, 100%, 75%)
Luminância: 0,735

Magnolia #FFF9E5

RGB: rgb(255, 249, 229)
HSL: hsl(46, 100%, 95%)
Luminância: 0,947

Liquid Lime #D6EF10

RGB: rgb(214, 239, 16)
HSL: hsl(67, 87%, 50%)
Luminância: 0,761

Zunda Green #69C32C

RGB: rgb(105, 195, 44)
HSL: hsl(96, 63%, 47%)
Luminância: 0,422

Contraste e acessibilidade

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

Aa #250A57 sobre #FFF9E5 15,82:1 AAA

Aa #250A57 sobre #D6EF10 12,87:1 AAA

Aa #250A57 sobre #FFDB7F 12,46:1 AAA

Aa #04358D sobre #FFF9E5 10,50:1 AAA

Aa #3EE0DB sobre #250A57 10,23:1 AAA

Aa #250A57 sobre #FFAE36 9,02:1 AAA

Aa #04358D sobre #D6EF10 8,54:1 AAA

Aa #04358D sobre #FFDB7F 8,26:1 AAA

Aa #250A57 sobre #69C32C 7,50:1 AAA

Aa #250A57 sobre #F78A90 7,14:1 AAA

Aa #3EE0DB sobre #04358D 6,79:1 AA

Aa #5E49B4 sobre #FFF9E5 6,46:1 AA

Aa #04358D sobre #FFAE36 5,98:1 AA

Aa #20A1BF sobre #250A57 5,49:1 AA

Aa #5E49B4 sobre #D6EF10 5,25:1 AA

Aa #5E49B4 sobre #FFDB7F 5,08:1 AA

Aa #250A57 sobre #C36CC9 5,01:1 AA

Aa #04358D sobre #69C32C 4,97:1 AA

Aa #04358D sobre #F78A90 4,74:1 AA

Aa #3EE0DB sobre #5E49B4 4,17:1 AA, texto grande

Aa #5E49B4 sobre #FFAE36 3,68:1 AA, texto grande

Aa #20A1BF sobre #04358D 3,64:1 AA, texto grande

Aa #04358D sobre #C36CC9 3,32:1 AA, texto grande

Aa #C36CC9 sobre #FFF9E5 3,16:1 AA, texto grande

Aa #5E49B4 sobre #69C32C 3,06:1 AA, texto grande

Aa #5E49B4 sobre #F78A90 2,91:1 Reprovado

Aa #20A1BF sobre #FFF9E5 2,88:1 Reprovado

Aa #C36CC9 sobre #D6EF10 2,57:1 Reprovado

Aa #C36CC9 sobre #FFDB7F 2,49:1 Reprovado

Aa #250A57 sobre #5E49B4 2,45:1 Reprovado

Aa #20A1BF sobre #D6EF10 2,35:1 Reprovado

Aa #20A1BF sobre #FFDB7F 2,27:1 Reprovado

Aa #20A1BF sobre #5E49B4 2,24:1 Reprovado

Aa #F78A90 sobre #FFF9E5 2,22:1 Reprovado

Aa #FFF9E5 sobre #69C32C 2,11:1 Reprovado

Aa #3EE0DB sobre #C36CC9 2,04:1 Reprovado

Aa #5E49B4 sobre #C36CC9 2,04:1 Reprovado

Aa #3EE0DB sobre #20A1BF 1,86:1 Reprovado

Aa #C36CC9 sobre #FFAE36 1,80:1 Reprovado

Aa #F78A90 sobre #D6EF10 1,80:1 Reprovado

Aa #FFAE36 sobre #FFF9E5 1,75:1 Reprovado

Aa #F78A90 sobre #FFDB7F 1,74:1 Reprovado

Aa #D6EF10 sobre #69C32C 1,72:1 Reprovado

Aa #FFDB7F sobre #69C32C 1,66:1 Reprovado

Aa #20A1BF sobre #FFAE36 1,64:1 Reprovado

Aa #04358D sobre #5E49B4 1,63:1 Reprovado

Aa #3EE0DB sobre #FFF9E5 1,55:1 Reprovado

Aa #04358D sobre #250A57 1,51:1 Reprovado

Aa #C36CC9 sobre #69C32C 1,50:1 Reprovado

Aa #3EE0DB sobre #F78A90 1,43:1 Reprovado

Aa #C36CC9 sobre #F78A90 1,43:1 Reprovado

Aa #FFAE36 sobre #D6EF10 1,43:1 Reprovado

Aa #FFAE36 sobre #FFDB7F 1,38:1 Reprovado

Aa #3EE0DB sobre #69C32C 1,37:1 Reprovado

Aa #20A1BF sobre #69C32C 1,37:1 Reprovado

Aa #20A1BF sobre #F78A90 1,30:1 Reprovado

Aa #FFDB7F sobre #FFF9E5 1,27:1 Reprovado

Aa #3EE0DB sobre #D6EF10 1,26:1 Reprovado

Aa #F78A90 sobre #FFAE36 1,26:1 Reprovado

Aa #FFF9E5 sobre #D6EF10 1,23:1 Reprovado

Aa #3EE0DB sobre #FFDB7F 1,22:1 Reprovado

Aa #FFAE36 sobre #69C32C 1,20:1 Reprovado

Aa #3EE0DB sobre #FFAE36 1,13:1 Reprovado

Aa #20A1BF sobre #C36CC9 1,10:1 Reprovado

Aa #F78A90 sobre #69C32C 1,05:1 Reprovado

Aa #FFDB7F sobre #D6EF10 1,03: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

Fluorescent Breeze