Registrarse Registrarse
Couleurs De Bebe

Couleurs De Bebe

Paleta de 9 colores · Colores cálidos · Tonos claros · Armonía complementaria

Volver a la biblioteca

Couleurs De Bebe

Paleta de 9 colores · Colores cálidos · Tonos claros · Armonía complementaria

Editar
Colores pastel 9 colores Colores cálidos Tonos claros Armonía complementaria light
Me gusta 17
Colores 9

Variables CSS

:root {
  --c-pastel-1: #E9E0E0;
  --c-pastel-2: #FF94F9;
  --c-pastel-3: #F9FF94;
  --c-pastel-4: #94F9FF;
  --c-pastel-5: #94FF94;
  --c-pastel-6: #9494FF;
  --c-pastel-7: #FF9494;
  --c-pastel-8: #E894FF;
  --c-pastel-9: #AAFFC3;
}

Sobre esta paleta

Esta paleta de 9 colores pastel va de Pastel Yellow (#F9FF94), su tono más claro, a Cobalite (#9494FF), el más oscuro. Combina Milk and Cookies, Pinkalicious, Pastel Yellow, Eternal Winter, Cobalt Green, Cobalite, Cherished One, Party Pig y Neo Mint en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 36 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.

Tonos suaves y poco saturados, ideales para webs de bodas, marcas infantiles, secciones hero delicadas y diseños editoriales con mucho espacio en blanco.

Desglose de colores

Milk and Cookies #E9E0E0
RGB
rgb(233, 224, 224)
HSL
hsl(0, 17%, 90%)
Luminancia
0,760
Pinkalicious #FF94F9
RGB
rgb(255, 148, 249)
HSL
hsl(303, 100%, 79%)
Luminancia
0,493
Pastel Yellow #F9FF94
RGB
rgb(249, 255, 148)
HSL
hsl(63, 100%, 79%)
Luminancia
0,938
Eternal Winter #94F9FF
RGB
rgb(148, 249, 255)
HSL
hsl(183, 100%, 79%)
Luminancia
0,813
Cobalt Green #94FF94
RGB
rgb(148, 255, 148)
HSL
hsl(120, 100%, 79%)
Luminancia
0,800
Cobalite #9494FF
RGB
rgb(148, 148, 255)
HSL
hsl(240, 100%, 79%)
Luminancia
0,347
Cherished One #FF9494
RGB
rgb(255, 148, 148)
HSL
hsl(0, 100%, 79%)
Luminancia
0,446
Party Pig #E894FF
RGB
rgb(232, 148, 255)
HSL
hsl(287, 100%, 79%)
Luminancia
0,456
Neo Mint #AAFFC3
RGB
rgb(170, 255, 195)
HSL
hsl(138, 100%, 83%)
Luminancia
0,840

Contraste y accesibilidad

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

Aa #F9FF94 sobre #9494FF 2,49:1 No aprobado
Aa #9494FF sobre #AAFFC3 2,24:1 No aprobado
Aa #94F9FF sobre #9494FF 2,17:1 No aprobado
Aa #94FF94 sobre #9494FF 2,14:1 No aprobado
Aa #E9E0E0 sobre #9494FF 2,04:1 No aprobado
Aa #F9FF94 sobre #FF9494 1,99:1 No aprobado
Aa #F9FF94 sobre #E894FF 1,95:1 No aprobado
Aa #FF94F9 sobre #F9FF94 1,82:1 No aprobado
Aa #FF9494 sobre #AAFFC3 1,80:1 No aprobado
Aa #E894FF sobre #AAFFC3 1,76:1 No aprobado
Aa #94F9FF sobre #FF9494 1,74:1 No aprobado
Aa #94F9FF sobre #E894FF 1,71:1 No aprobado
Aa #94FF94 sobre #FF9494 1,71:1 No aprobado
Aa #94FF94 sobre #E894FF 1,68:1 No aprobado
Aa #FF94F9 sobre #AAFFC3 1,64:1 No aprobado
Aa #E9E0E0 sobre #FF9494 1,63:1 No aprobado
Aa #E9E0E0 sobre #E894FF 1,60:1 No aprobado
Aa #FF94F9 sobre #94F9FF 1,59:1 No aprobado
Aa #FF94F9 sobre #94FF94 1,57:1 No aprobado
Aa #E9E0E0 sobre #FF94F9 1,49:1 No aprobado
Aa #FF94F9 sobre #9494FF 1,37:1 No aprobado
Aa #9494FF sobre #E894FF 1,27:1 No aprobado
Aa #9494FF sobre #FF9494 1,25:1 No aprobado
Aa #E9E0E0 sobre #F9FF94 1,22:1 No aprobado
Aa #F9FF94 sobre #94FF94 1,16:1 No aprobado
Aa #F9FF94 sobre #94F9FF 1,15:1 No aprobado
Aa #F9FF94 sobre #AAFFC3 1,11:1 No aprobado
Aa #E9E0E0 sobre #AAFFC3 1,10:1 No aprobado
Aa #FF94F9 sobre #FF9494 1,09:1 No aprobado
Aa #FF94F9 sobre #E894FF 1,07:1 No aprobado
Aa #E9E0E0 sobre #94F9FF 1,06:1 No aprobado
Aa #E9E0E0 sobre #94FF94 1,05:1 No aprobado
Aa #94FF94 sobre #AAFFC3 1,05:1 No aprobado
Aa #94F9FF sobre #AAFFC3 1,03:1 No aprobado
Aa #94F9FF sobre #94FF94 1,02:1 No aprobado
Aa #FF9494 sobre #E894FF 1,02:1 No aprobado

Paletas similares

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colores