Registrarse Registrarse
A BEAUTIFUL DAY OUTSIDE

A BEAUTIFUL DAY OUTSIDE

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

A BEAUTIFUL DAY OUTSIDE

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 8 colores Colores cálidos Tonos mixtos Armonía complementaria pixelart pixel modern adobe
Me gusta 15
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #00FF65;
  --c-vibrant-2: #FF3D3D;
  --c-vibrant-3: #FF9A56;
  --c-vibrant-4: #FFE256;
  --c-vibrant-5: #82D9EA;
  --c-vibrant-6: #CF68FF;
  --c-vibrant-7: #FF66EA;
  --c-vibrant-8: #FF2684;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Pickled Ginger (#FFE256), su tono más claro, a Reliquial Rose (#FF2684), el más oscuro. Combina Cathode Green, Red Coral, Honey Carrot Cake, Pickled Ginger, Medium Sky Blue, Jacaranda Pink, Vaporwave y Reliquial Rose en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 28 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Cathode Green #00FF65
RGB
rgb(0, 255, 101)
HSL
hsl(144, 100%, 50%)
Luminancia
0,725
Red Coral #FF3D3D
RGB
rgb(255, 61, 61)
HSL
hsl(0, 100%, 62%)
Luminancia
0,249
Honey Carrot Cake #FF9A56
RGB
rgb(255, 154, 86)
HSL
hsl(24, 100%, 67%)
Luminancia
0,450
Pickled Ginger #FFE256
RGB
rgb(255, 226, 86)
HSL
hsl(50, 100%, 67%)
Luminancia
0,763
Medium Sky Blue #82D9EA
RGB
rgb(130, 217, 234)
HSL
hsl(190, 71%, 71%)
Luminancia
0,603
Jacaranda Pink #CF68FF
RGB
rgb(207, 104, 255)
HSL
hsl(281, 100%, 70%)
Luminancia
0,304
Vaporwave #FF66EA
RGB
rgb(255, 102, 234)
HSL
hsl(308, 100%, 70%)
Luminancia
0,367
Reliquial Rose #FF2684
RGB
rgb(255, 38, 132)
HSL
hsl(334, 100%, 57%)
Luminancia
0,243

Contraste y accesibilidad

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

Aa #FFE256 sobre #FF2684 2,77:1 No aprobado
Aa #FF3D3D sobre #FFE256 2,72:1 No aprobado
Aa #00FF65 sobre #FF2684 2,64:1 No aprobado
Aa #00FF65 sobre #FF3D3D 2,59:1 No aprobado
Aa #FFE256 sobre #CF68FF 2,30:1 No aprobado
Aa #82D9EA sobre #FF2684 2,23:1 No aprobado
Aa #00FF65 sobre #CF68FF 2,19:1 No aprobado
Aa #FF3D3D sobre #82D9EA 2,18:1 No aprobado
Aa #FFE256 sobre #FF66EA 1,95:1 No aprobado
Aa #00FF65 sobre #FF66EA 1,86:1 No aprobado
Aa #82D9EA sobre #CF68FF 1,85:1 No aprobado
Aa #FF9A56 sobre #FF2684 1,71:1 No aprobado
Aa #FF3D3D sobre #FF9A56 1,67:1 No aprobado
Aa #FF9A56 sobre #FFE256 1,63:1 No aprobado
Aa #82D9EA sobre #FF66EA 1,57:1 No aprobado
Aa #00FF65 sobre #FF9A56 1,55:1 No aprobado
Aa #FF66EA sobre #FF2684 1,42:1 No aprobado
Aa #FF9A56 sobre #CF68FF 1,41:1 No aprobado
Aa #FF3D3D sobre #FF66EA 1,39:1 No aprobado
Aa #FF9A56 sobre #82D9EA 1,31:1 No aprobado
Aa #FFE256 sobre #82D9EA 1,25:1 No aprobado
Aa #CF68FF sobre #FF2684 1,21:1 No aprobado
Aa #FF9A56 sobre #FF66EA 1,20:1 No aprobado
Aa #00FF65 sobre #82D9EA 1,19:1 No aprobado
Aa #FF3D3D sobre #CF68FF 1,18:1 No aprobado
Aa #CF68FF sobre #FF66EA 1,18:1 No aprobado
Aa #00FF65 sobre #FFE256 1,05:1 No aprobado
Aa #FF3D3D sobre #FF2684 1,02:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores