Registrarse Registrarse
HK Between Essence

HK Between Essence

Paleta de 12 colores · Colores fríos · Tonos claros · Armonía complementaria

Volver a la biblioteca

HK Between Essence

Paleta de 12 colores · Colores fríos · Tonos claros · Armonía complementaria

Editar
Colores pastel 12 colores Colores fríos Tonos claros Armonía complementaria green purple pastel cool
Me gusta 24
Colores 12

Variables CSS

:root {
  --c-pastel-1: #E4FBEA;
  --c-pastel-2: #CAF6F2;
  --c-pastel-3: #B9D3E8;
  --c-pastel-4: #C2B4D6;
  --c-pastel-5: #BD99B6;
  --c-pastel-6: #AE9EA9;
  --c-pastel-7: #94A887;
  --c-pastel-8: #89AE73;
  --c-pastel-9: #69AC94;
  --c-pastel-10: #55A5C9;
  --c-pastel-11: #5D72BA;
  --c-pastel-12: #794875;
}

Sobre esta paleta

Esta paleta de 12 colores pastel va de Winter Mist (#E4FBEA), su tono más claro, a Purple Passion (#794875), el más oscuro. Combina Winter Mist, Tinted Ice, Light Sea Cliff, Plumeria, Dripping Wisteria, Symbolic, Zucchini Cream, Sage, Calmness, Estero Sky, Gladiola Blue y Purple Passion en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 3 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E4FBEA sobre #794875, con 6,44:1.

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

Winter Mist #E4FBEA
RGB
rgb(228, 251, 234)
HSL
hsl(136, 74%, 94%)
Luminancia
0,914
Tinted Ice #CAF6F2
RGB
rgb(202, 246, 242)
HSL
hsl(175, 71%, 88%)
Luminancia
0,849
Light Sea Cliff #B9D3E8
RGB
rgb(185, 211, 232)
HSL
hsl(207, 51%, 82%)
Luminancia
0,627
Plumeria #C2B4D6
RGB
rgb(194, 180, 214)
HSL
hsl(265, 29%, 77%)
Luminancia
0,490
Dripping Wisteria #BD99B6
RGB
rgb(189, 153, 182)
HSL
hsl(312, 21%, 67%)
Luminancia
0,370
Symbolic #AE9EA9
RGB
rgb(174, 158, 169)
HSL
hsl(319, 9%, 65%)
Luminancia
0,363
Zucchini Cream #94A887
RGB
rgb(148, 168, 135)
HSL
hsl(96, 16%, 59%)
Luminancia
0,361
Sage #89AE73
RGB
rgb(137, 174, 115)
HSL
hsl(98, 27%, 57%)
Luminancia
0,368
Calmness #69AC94
RGB
rgb(105, 172, 148)
HSL
hsl(159, 29%, 54%)
Luminancia
0,347
Estero Sky #55A5C9
RGB
rgb(85, 165, 201)
HSL
hsl(199, 52%, 56%)
Luminancia
0,331
Gladiola Blue #5D72BA
RGB
rgb(93, 114, 186)
HSL
hsl(226, 40%, 55%)
Luminancia
0,179
Purple Passion #794875
RGB
rgb(121, 72, 117)
HSL
hsl(305, 25%, 38%)
Luminancia
0,100

Contraste y accesibilidad

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

Aa #E4FBEA sobre #794875 6,44:1 AA
Aa #CAF6F2 sobre #794875 6,00:1 AA
Aa #B9D3E8 sobre #794875 4,52:1 AA
Aa #E4FBEA sobre #5D72BA 4,21:1 AA, texto grande
Aa #CAF6F2 sobre #5D72BA 3,92:1 AA, texto grande
Aa #C2B4D6 sobre #794875 3,60:1 AA, texto grande
Aa #B9D3E8 sobre #5D72BA 2,96:1 No aprobado
Aa #BD99B6 sobre #794875 2,80:1 No aprobado
Aa #89AE73 sobre #794875 2,79:1 No aprobado
Aa #AE9EA9 sobre #794875 2,76:1 No aprobado
Aa #94A887 sobre #794875 2,74:1 No aprobado
Aa #69AC94 sobre #794875 2,65:1 No aprobado
Aa #55A5C9 sobre #794875 2,54:1 No aprobado
Aa #E4FBEA sobre #55A5C9 2,53:1 No aprobado
Aa #E4FBEA sobre #69AC94 2,43:1 No aprobado
Aa #CAF6F2 sobre #55A5C9 2,36:1 No aprobado
Aa #C2B4D6 sobre #5D72BA 2,36:1 No aprobado
Aa #E4FBEA sobre #94A887 2,35:1 No aprobado
Aa #E4FBEA sobre #AE9EA9 2,33:1 No aprobado
Aa #E4FBEA sobre #89AE73 2,31:1 No aprobado
Aa #E4FBEA sobre #BD99B6 2,30:1 No aprobado
Aa #CAF6F2 sobre #69AC94 2,27:1 No aprobado
Aa #CAF6F2 sobre #94A887 2,19:1 No aprobado
Aa #CAF6F2 sobre #AE9EA9 2,18:1 No aprobado
Aa #CAF6F2 sobre #89AE73 2,15:1 No aprobado
Aa #CAF6F2 sobre #BD99B6 2,14:1 No aprobado
Aa #BD99B6 sobre #5D72BA 1,83:1 No aprobado
Aa #89AE73 sobre #5D72BA 1,83:1 No aprobado
Aa #AE9EA9 sobre #5D72BA 1,80:1 No aprobado
Aa #E4FBEA sobre #C2B4D6 1,79:1 No aprobado
Aa #94A887 sobre #5D72BA 1,79:1 No aprobado
Aa #B9D3E8 sobre #55A5C9 1,78:1 No aprobado
Aa #69AC94 sobre #5D72BA 1,73:1 No aprobado
Aa #B9D3E8 sobre #69AC94 1,71:1 No aprobado
Aa #CAF6F2 sobre #C2B4D6 1,67:1 No aprobado
Aa #55A5C9 sobre #5D72BA 1,66:1 No aprobado
Aa #B9D3E8 sobre #94A887 1,65:1 No aprobado
Aa #B9D3E8 sobre #AE9EA9 1,64:1 No aprobado
Aa #B9D3E8 sobre #89AE73 1,62:1 No aprobado
Aa #B9D3E8 sobre #BD99B6 1,61:1 No aprobado
Aa #5D72BA sobre #794875 1,53:1 No aprobado
Aa #E4FBEA sobre #B9D3E8 1,42:1 No aprobado
Aa #C2B4D6 sobre #55A5C9 1,42:1 No aprobado
Aa #C2B4D6 sobre #69AC94 1,36:1 No aprobado
Aa #CAF6F2 sobre #B9D3E8 1,33:1 No aprobado
Aa #C2B4D6 sobre #AE9EA9 1,31:1 No aprobado
Aa #C2B4D6 sobre #94A887 1,31:1 No aprobado
Aa #C2B4D6 sobre #BD99B6 1,29:1 No aprobado
Aa #C2B4D6 sobre #89AE73 1,29:1 No aprobado
Aa #B9D3E8 sobre #C2B4D6 1,26:1 No aprobado
Aa #BD99B6 sobre #55A5C9 1,10:1 No aprobado
Aa #89AE73 sobre #55A5C9 1,10:1 No aprobado
Aa #AE9EA9 sobre #55A5C9 1,09:1 No aprobado
Aa #94A887 sobre #55A5C9 1,08:1 No aprobado
Aa #E4FBEA sobre #CAF6F2 1,07:1 No aprobado
Aa #BD99B6 sobre #69AC94 1,06:1 No aprobado
Aa #89AE73 sobre #69AC94 1,06:1 No aprobado
Aa #AE9EA9 sobre #69AC94 1,04:1 No aprobado
Aa #94A887 sobre #69AC94 1,04:1 No aprobado
Aa #69AC94 sobre #55A5C9 1,04:1 No aprobado
Aa #BD99B6 sobre #AE9EA9 1,02:1 No aprobado
Aa #BD99B6 sobre #94A887 1,02:1 No aprobado
Aa #94A887 sobre #89AE73 1,02:1 No aprobado
Aa #AE9EA9 sobre #94A887 1,01:1 No aprobado
Aa #AE9EA9 sobre #89AE73 1,01:1 No aprobado
Aa #BD99B6 sobre #89AE73 1,00: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