Inicio Paletas de colores Fluorescent Breeze

Fluorescent Breeze

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

Volver a la biblioteca

Fluorescent Breeze

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

Editar

Colores vibrantes 12 colores Colores fríos Tonos mixtos Armonía complementaria green orange blue purple

Me gusta 68

Colores 12

Variables 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 de 12 colores vibrantes va de Magnolia (#FFF9E5), su tono más claro, a Indigo Sloth (#250A57), el más oscuro. Combina Fresh Turquoise, Maui, One Minute to Midnight, Indigo Sloth, Swiss Plum, Purple Urn Orchid, Vinaceous Cinnamon, Ripe Pumpkin, Lantern Gold, Magnolia, Liquid Lime y Zunda Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 19 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #250A57 sobre #FFF9E5, con 15,82: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

Fresh Turquoise #3EE0DB

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

Maui #20A1BF

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

One Minute to Midnight #04358D

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

Indigo Sloth #250A57

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

Swiss Plum #5E49B4

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

Purple Urn Orchid #C36CC9

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

Vinaceous Cinnamon #F78A90

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

Ripe Pumpkin #FFAE36

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

Lantern Gold #FFDB7F

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

Magnolia #FFF9E5

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

Liquid Lime #D6EF10

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

Zunda Green #69C32C

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

Contraste y accesibilidad

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

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 No aprobado

Aa #20A1BF sobre #FFF9E5 2,88:1 No aprobado

Aa #C36CC9 sobre #D6EF10 2,57:1 No aprobado

Aa #C36CC9 sobre #FFDB7F 2,49:1 No aprobado

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

Aa #20A1BF sobre #D6EF10 2,35:1 No aprobado

Aa #20A1BF sobre #FFDB7F 2,27:1 No aprobado

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

Aa #F78A90 sobre #FFF9E5 2,22:1 No aprobado

Aa #FFF9E5 sobre #69C32C 2,11:1 No aprobado

Aa #3EE0DB sobre #C36CC9 2,04:1 No aprobado

Aa #5E49B4 sobre #C36CC9 2,04:1 No aprobado

Aa #3EE0DB sobre #20A1BF 1,86:1 No aprobado

Aa #C36CC9 sobre #FFAE36 1,80:1 No aprobado

Aa #F78A90 sobre #D6EF10 1,80:1 No aprobado

Aa #FFAE36 sobre #FFF9E5 1,75:1 No aprobado

Aa #F78A90 sobre #FFDB7F 1,74:1 No aprobado

Aa #D6EF10 sobre #69C32C 1,72:1 No aprobado

Aa #FFDB7F sobre #69C32C 1,66:1 No aprobado

Aa #20A1BF sobre #FFAE36 1,64:1 No aprobado

Aa #04358D sobre #5E49B4 1,63:1 No aprobado

Aa #3EE0DB sobre #FFF9E5 1,55:1 No aprobado

Aa #04358D sobre #250A57 1,51:1 No aprobado

Aa #C36CC9 sobre #69C32C 1,50:1 No aprobado

Aa #3EE0DB sobre #F78A90 1,43:1 No aprobado

Aa #C36CC9 sobre #F78A90 1,43:1 No aprobado

Aa #FFAE36 sobre #D6EF10 1,43:1 No aprobado

Aa #FFAE36 sobre #FFDB7F 1,38:1 No aprobado

Aa #3EE0DB sobre #69C32C 1,37:1 No aprobado

Aa #20A1BF sobre #69C32C 1,37:1 No aprobado

Aa #20A1BF sobre #F78A90 1,30:1 No aprobado

Aa #FFDB7F sobre #FFF9E5 1,27:1 No aprobado

Aa #3EE0DB sobre #D6EF10 1,26:1 No aprobado

Aa #F78A90 sobre #FFAE36 1,26:1 No aprobado

Aa #FFF9E5 sobre #D6EF10 1,23:1 No aprobado

Aa #3EE0DB sobre #FFDB7F 1,22:1 No aprobado

Aa #FFAE36 sobre #69C32C 1,20:1 No aprobado

Aa #3EE0DB sobre #FFAE36 1,13:1 No aprobado

Aa #20A1BF sobre #C36CC9 1,10:1 No aprobado

Aa #F78A90 sobre #69C32C 1,05:1 No aprobado

Aa #FFDB7F sobre #D6EF10 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

Fluorescent Breeze