Registrarse Registrarse
Vap0r 2nite

Vap0r 2nite

Paleta de 10 colores · Colores fríos · Tonos claros · Armonía triádica

Volver a la biblioteca

Vap0r 2nite

Paleta de 10 colores · Colores fríos · Tonos claros · Armonía triádica

Editar
Colores vibrantes 10 colores Colores fríos Tonos claros Armonía triádica pink purple cute bright
Me gusta 40
Colores 10

Variables CSS

:root {
  --c-vibrant-1: #F9CAEF;
  --c-vibrant-2: #F6B4FF;
  --c-vibrant-3: #FD84F9;
  --c-vibrant-4: #3C2CC9;
  --c-vibrant-5: #0A4BFF;
  --c-vibrant-6: #6061EF;
  --c-vibrant-7: #A29BFF;
  --c-vibrant-8: #72F8E3;
  --c-vibrant-9: #A3F9FF;
  --c-vibrant-10: #EEFFA3;
}

Sobre esta paleta

Esta paleta de 10 colores vibrantes va de Hitchcock Milk (#EEFFA3), su tono más claro, a Blue Depression (#3C2CC9), el más oscuro. Combina Rosy Maple Moth, Strawberry Buttercream, Technolust, Blue Depression, Magic Ink, Blue Hepatica, Cobalite, Spindrift, Eternal Winter y Hitchcock Milk en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #3C2CC9 sobre #EEFFA3, con 8,13: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

Rosy Maple Moth #F9CAEF
RGB
rgb(249, 202, 239)
HSL
hsl(313, 80%, 88%)
Luminancia
0,686
Strawberry Buttercream #F6B4FF
RGB
rgb(246, 180, 255)
HSL
hsl(293, 100%, 85%)
Luminancia
0,595
Technolust #FD84F9
RGB
rgb(253, 132, 249)
HSL
hsl(302, 97%, 75%)
Luminancia
0,442
Blue Depression #3C2CC9
RGB
rgb(60, 44, 201)
HSL
hsl(246, 64%, 48%)
Luminancia
0,070
Magic Ink #0A4BFF
RGB
rgb(10, 75, 255)
HSL
hsl(224, 100%, 52%)
Luminancia
0,123
Blue Hepatica #6061EF
RGB
rgb(96, 97, 239)
HSL
hsl(240, 82%, 66%)
Luminancia
0,173
Cobalite #A29BFF
RGB
rgb(162, 155, 255)
HSL
hsl(244, 100%, 80%)
Luminancia
0,383
Spindrift #72F8E3
RGB
rgb(114, 248, 227)
HSL
hsl(171, 91%, 71%)
Luminancia
0,763
Eternal Winter #A3F9FF
RGB
rgb(163, 249, 255)
HSL
hsl(184, 100%, 82%)
Luminancia
0,828
Hitchcock Milk #EEFFA3
RGB
rgb(238, 255, 163)
HSL
hsl(71, 100%, 82%)
Luminancia
0,923

Contraste y accesibilidad

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

Aa #3C2CC9 sobre #EEFFA3 8,13:1 AAA
Aa #3C2CC9 sobre #A3F9FF 7,33:1 AAA
Aa #3C2CC9 sobre #72F8E3 6,78:1 AA
Aa #F9CAEF sobre #3C2CC9 6,15:1 AA
Aa #0A4BFF sobre #EEFFA3 5,62:1 AA
Aa #F6B4FF sobre #3C2CC9 5,38:1 AA
Aa #0A4BFF sobre #A3F9FF 5,07:1 AA
Aa #0A4BFF sobre #72F8E3 4,69:1 AA
Aa #6061EF sobre #EEFFA3 4,37:1 AA, texto grande
Aa #F9CAEF sobre #0A4BFF 4,25:1 AA, texto grande
Aa #FD84F9 sobre #3C2CC9 4,11:1 AA, texto grande
Aa #6061EF sobre #A3F9FF 3,94:1 AA, texto grande
Aa #F6B4FF sobre #0A4BFF 3,72:1 AA, texto grande
Aa #6061EF sobre #72F8E3 3,65:1 AA, texto grande
Aa #3C2CC9 sobre #A29BFF 3,62:1 AA, texto grande
Aa #F9CAEF sobre #6061EF 3,31:1 AA, texto grande
Aa #F6B4FF sobre #6061EF 2,89:1 No aprobado
Aa #FD84F9 sobre #0A4BFF 2,84:1 No aprobado
Aa #0A4BFF sobre #A29BFF 2,50:1 No aprobado
Aa #A29BFF sobre #EEFFA3 2,25:1 No aprobado
Aa #FD84F9 sobre #6061EF 2,21:1 No aprobado
Aa #A29BFF sobre #A3F9FF 2,02:1 No aprobado
Aa #FD84F9 sobre #EEFFA3 1,98:1 No aprobado
Aa #6061EF sobre #A29BFF 1,95:1 No aprobado
Aa #A29BFF sobre #72F8E3 1,87:1 No aprobado
Aa #3C2CC9 sobre #6061EF 1,86:1 No aprobado
Aa #FD84F9 sobre #A3F9FF 1,78:1 No aprobado
Aa #F9CAEF sobre #A29BFF 1,70:1 No aprobado
Aa #FD84F9 sobre #72F8E3 1,65:1 No aprobado
Aa #F6B4FF sobre #EEFFA3 1,51:1 No aprobado
Aa #F9CAEF sobre #FD84F9 1,50:1 No aprobado
Aa #F6B4FF sobre #A29BFF 1,49:1 No aprobado
Aa #3C2CC9 sobre #0A4BFF 1,45:1 No aprobado
Aa #F6B4FF sobre #A3F9FF 1,36:1 No aprobado
Aa #F9CAEF sobre #EEFFA3 1,32:1 No aprobado
Aa #F6B4FF sobre #FD84F9 1,31:1 No aprobado
Aa #0A4BFF sobre #6061EF 1,29:1 No aprobado
Aa #F6B4FF sobre #72F8E3 1,26:1 No aprobado
Aa #72F8E3 sobre #EEFFA3 1,20:1 No aprobado
Aa #F9CAEF sobre #A3F9FF 1,19:1 No aprobado
Aa #F9CAEF sobre #F6B4FF 1,14:1 No aprobado
Aa #FD84F9 sobre #A29BFF 1,14:1 No aprobado
Aa #A3F9FF sobre #EEFFA3 1,11:1 No aprobado
Aa #F9CAEF sobre #72F8E3 1,10:1 No aprobado
Aa #72F8E3 sobre #A3F9FF 1,08:1 No aprobado

Paletas similares

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colores