Registrarse Registrarse
Retro 115

Retro 115

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Retro 115

Paleta de 7 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores vibrantes 7 colores Colores fríos Tonos mixtos Armonía triádica blue retro lofi
Me gusta 239
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #040026;
  --c-vibrant-2: #004BC0;
  --c-vibrant-3: #0097EC;
  --c-vibrant-4: #00F3FC;
  --c-vibrant-5: #FFBCFF;
  --c-vibrant-6: #D569F6;
  --c-vibrant-7: #6C1FD3;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Brain Freeze (#00F3FC), su tono más claro, a Hadopelagic Water (#040026), el más oscuro. Combina Hadopelagic Water, Absolute Zero, Pervenche, Brain Freeze, Distilled Rose, Venus Slipper Orchid y Crown Chakra en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #040026 sobre #00F3FC, con 14,74: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

Hadopelagic Water #040026
RGB
rgb(4, 0, 38)
HSL
hsl(246, 100%, 7%)
Luminancia
0,002
Absolute Zero #004BC0
RGB
rgb(0, 75, 192)
HSL
hsl(217, 100%, 38%)
Luminancia
0,088
Pervenche #0097EC
RGB
rgb(0, 151, 236)
HSL
hsl(202, 100%, 46%)
Luminancia
0,282
Brain Freeze #00F3FC
RGB
rgb(0, 243, 252)
HSL
hsl(182, 100%, 49%)
Luminancia
0,711
Distilled Rose #FFBCFF
RGB
rgb(255, 188, 255)
HSL
hsl(300, 100%, 87%)
Luminancia
0,645
Venus Slipper Orchid #D569F6
RGB
rgb(213, 105, 246)
HSL
hsl(286, 89%, 69%)
Luminancia
0,309
Crown Chakra #6C1FD3
RGB
rgb(108, 31, 211)
HSL
hsl(266, 74%, 47%)
Luminancia
0,089

Contraste y accesibilidad

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

Aa #040026 sobre #00F3FC 14,74:1 AAA
Aa #040026 sobre #FFBCFF 13,44:1 AAA
Aa #040026 sobre #D569F6 6,95:1 AA
Aa #040026 sobre #0097EC 6,42:1 AA
Aa #004BC0 sobre #00F3FC 5,50:1 AA
Aa #00F3FC sobre #6C1FD3 5,49:1 AA
Aa #004BC0 sobre #FFBCFF 5,02:1 AA
Aa #FFBCFF sobre #6C1FD3 5,01:1 AA
Aa #040026 sobre #6C1FD3 2,69:1 No aprobado
Aa #040026 sobre #004BC0 2,68:1 No aprobado
Aa #004BC0 sobre #D569F6 2,59:1 No aprobado
Aa #D569F6 sobre #6C1FD3 2,59:1 No aprobado
Aa #004BC0 sobre #0097EC 2,40:1 No aprobado
Aa #0097EC sobre #6C1FD3 2,39:1 No aprobado
Aa #0097EC sobre #00F3FC 2,29:1 No aprobado
Aa #00F3FC sobre #D569F6 2,12:1 No aprobado
Aa #0097EC sobre #FFBCFF 2,09:1 No aprobado
Aa #FFBCFF sobre #D569F6 1,93:1 No aprobado
Aa #00F3FC sobre #FFBCFF 1,10:1 No aprobado
Aa #0097EC sobre #D569F6 1,08:1 No aprobado
Aa #004BC0 sobre #6C1FD3 1,00: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