Registrarse Registrarse
Oasis Klub 8

Oasis Klub 8

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

Volver a la biblioteca

Oasis Klub 8

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

Editar
Colores vibrantes 8 colores Colores fríos Tonos mixtos Armonía complementaria 4colors oasis klub oasisklub
Me gusta 57
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #2323C7;
  --c-vibrant-2: #7F70FF;
  --c-vibrant-3: #C735FB;
  --c-vibrant-4: #DC65B1;
  --c-vibrant-5: #00A8B1;
  --c-vibrant-6: #37CFB7;
  --c-vibrant-7: #E3D170;
  --c-vibrant-8: #FEF3C0;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Ray of Light (#FEF3C0), su tono más claro, a Tetraammine (#2323C7), el más oscuro. Combina Tetraammine, Blackthorn Berry, Flamingo Queen, Mega Magenta, Exotic Sea, Bianchi Green, Golden Rice y Ray of Light en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #2323C7 sobre #FEF3C0, con 8,8: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

Tetraammine #2323C7
RGB
rgb(35, 35, 199)
HSL
hsl(240, 70%, 46%)
Luminancia
0,057
Blackthorn Berry #7F70FF
RGB
rgb(127, 112, 255)
HSL
hsl(246, 100%, 72%)
Luminancia
0,233
Flamingo Queen #C735FB
RGB
rgb(199, 53, 251)
HSL
hsl(284, 96%, 60%)
Luminancia
0,217
Mega Magenta #DC65B1
RGB
rgb(220, 101, 177)
HSL
hsl(322, 63%, 63%)
Luminancia
0,277
Exotic Sea #00A8B1
RGB
rgb(0, 168, 177)
HSL
hsl(183, 100%, 35%)
Luminancia
0,312
Bianchi Green #37CFB7
RGB
rgb(55, 207, 183)
HSL
hsl(171, 61%, 51%)
Luminancia
0,489
Golden Rice #E3D170
RGB
rgb(227, 209, 112)
HSL
hsl(51, 67%, 66%)
Luminancia
0,631
Ray of Light #FEF3C0
RGB
rgb(254, 243, 192)
HSL
hsl(49, 97%, 87%)
Luminancia
0,890

Contraste y accesibilidad

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

Aa #2323C7 sobre #FEF3C0 8,80:1 AAA
Aa #2323C7 sobre #E3D170 6,37:1 AA
Aa #2323C7 sobre #37CFB7 5,04:1 AA
Aa #C735FB sobre #FEF3C0 3,53:1 AA, texto grande
Aa #2323C7 sobre #00A8B1 3,39:1 AA, texto grande
Aa #7F70FF sobre #FEF3C0 3,32:1 AA, texto grande
Aa #2323C7 sobre #DC65B1 3,06:1 AA, texto grande
Aa #DC65B1 sobre #FEF3C0 2,87:1 No aprobado
Aa #2323C7 sobre #7F70FF 2,65:1 No aprobado
Aa #00A8B1 sobre #FEF3C0 2,60:1 No aprobado
Aa #C735FB sobre #E3D170 2,56:1 No aprobado
Aa #2323C7 sobre #C735FB 2,49:1 No aprobado
Aa #7F70FF sobre #E3D170 2,40:1 No aprobado
Aa #DC65B1 sobre #E3D170 2,08:1 No aprobado
Aa #C735FB sobre #37CFB7 2,02:1 No aprobado
Aa #7F70FF sobre #37CFB7 1,90:1 No aprobado
Aa #00A8B1 sobre #E3D170 1,88:1 No aprobado
Aa #37CFB7 sobre #FEF3C0 1,74:1 No aprobado
Aa #DC65B1 sobre #37CFB7 1,65:1 No aprobado
Aa #00A8B1 sobre #37CFB7 1,49:1 No aprobado
Aa #E3D170 sobre #FEF3C0 1,38:1 No aprobado
Aa #C735FB sobre #00A8B1 1,36:1 No aprobado
Aa #7F70FF sobre #00A8B1 1,28:1 No aprobado
Aa #37CFB7 sobre #E3D170 1,26:1 No aprobado
Aa #C735FB sobre #DC65B1 1,23:1 No aprobado
Aa #7F70FF sobre #DC65B1 1,15:1 No aprobado
Aa #DC65B1 sobre #00A8B1 1,11:1 No aprobado
Aa #7F70FF sobre #C735FB 1,06: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