Registrarse Registrarse
Permafrost12

Permafrost12

Paleta de 12 colores · Colores fríos · Tonos claros · Armonía análoga

Volver a la biblioteca

Permafrost12

Paleta de 12 colores · Colores fríos · Tonos claros · Armonía análoga

Editar
Colores apagados 12 colores Colores fríos Tonos claros Armonía análoga snow winter coolcolors
Me gusta 34
Colores 12

Variables CSS

:root {
  --c-muted-1: #A8C3D8;
  --c-muted-2: #C6DEE5;
  --c-muted-3: #DAEAEB;
  --c-muted-4: #E9F8F8;
  --c-muted-5: #243169;
  --c-muted-6: #4666A3;
  --c-muted-7: #6A93BE;
  --c-muted-8: #98C5DE;
  --c-muted-9: #3D6257;
  --c-muted-10: #49837A;
  --c-muted-11: #54A39E;
  --c-muted-12: #68B7BE;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Melting Glacier (#E9F8F8), su tono más claro, a Passionate Blue (#243169), el más oscuro. Combina Frozen Blue, Light Blue Sloth, Tibetan Sky, Melting Glacier, Passionate Blue, Starstruck, Blue Marble, Bobby Blue, Emerson, Carlisle, Teal Bayou y Maritime Soft Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E9F8F8 sobre #243169, con 11,2: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

Frozen Blue #A8C3D8
RGB
rgb(168, 195, 216)
HSL
hsl(206, 38%, 75%)
Luminancia
0,523
Light Blue Sloth #C6DEE5
RGB
rgb(198, 222, 229)
HSL
hsl(194, 37%, 84%)
Luminancia
0,699
Tibetan Sky #DAEAEB
RGB
rgb(218, 234, 235)
HSL
hsl(184, 30%, 89%)
Luminancia
0,798
Melting Glacier #E9F8F8
RGB
rgb(233, 248, 248)
HSL
hsl(180, 52%, 94%)
Luminancia
0,912
Passionate Blue #243169
RGB
rgb(36, 49, 105)
HSL
hsl(229, 49%, 28%)
Luminancia
0,036
Starstruck #4666A3
RGB
rgb(70, 102, 163)
HSL
hsl(219, 40%, 46%)
Luminancia
0,135
Blue Marble #6A93BE
RGB
rgb(106, 147, 190)
HSL
hsl(211, 39%, 58%)
Luminancia
0,277
Bobby Blue #98C5DE
RGB
rgb(152, 197, 222)
HSL
hsl(201, 51%, 73%)
Luminancia
0,519
Emerson #3D6257
RGB
rgb(61, 98, 87)
HSL
hsl(162, 23%, 31%)
Luminancia
0,104
Carlisle #49837A
RGB
rgb(73, 131, 122)
HSL
hsl(171, 28%, 40%)
Luminancia
0,191
Teal Bayou #54A39E
RGB
rgb(84, 163, 158)
HSL
hsl(176, 32%, 48%)
Luminancia
0,306
Maritime Soft Blue #68B7BE
RGB
rgb(104, 183, 190)
HSL
hsl(185, 40%, 58%)
Luminancia
0,405

Contraste y accesibilidad

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

Aa #E9F8F8 sobre #243169 11,20:1 AAA
Aa #DAEAEB sobre #243169 9,86:1 AAA
Aa #C6DEE5 sobre #243169 8,72:1 AAA
Aa #A8C3D8 sobre #243169 6,67:1 AA
Aa #243169 sobre #98C5DE 6,62:1 AA
Aa #E9F8F8 sobre #3D6257 6,24:1 AA
Aa #DAEAEB sobre #3D6257 5,50:1 AA
Aa #243169 sobre #68B7BE 5,30:1 AA
Aa #E9F8F8 sobre #4666A3 5,22:1 AA
Aa #C6DEE5 sobre #3D6257 4,86:1 AA
Aa #DAEAEB sobre #4666A3 4,59:1 AA
Aa #243169 sobre #54A39E 4,14:1 AA, texto grande
Aa #C6DEE5 sobre #4666A3 4,06:1 AA, texto grande
Aa #E9F8F8 sobre #49837A 4,00:1 AA, texto grande
Aa #243169 sobre #6A93BE 3,80:1 AA, texto grande
Aa #A8C3D8 sobre #3D6257 3,72:1 AA, texto grande
Aa #98C5DE sobre #3D6257 3,69:1 AA, texto grande
Aa #DAEAEB sobre #49837A 3,52:1 AA, texto grande
Aa #A8C3D8 sobre #4666A3 3,11:1 AA, texto grande
Aa #C6DEE5 sobre #49837A 3,11:1 AA, texto grande
Aa #4666A3 sobre #98C5DE 3,08:1 AA, texto grande
Aa #E9F8F8 sobre #6A93BE 2,95:1 No aprobado
Aa #3D6257 sobre #68B7BE 2,95:1 No aprobado
Aa #243169 sobre #49837A 2,80:1 No aprobado
Aa #E9F8F8 sobre #54A39E 2,71:1 No aprobado
Aa #DAEAEB sobre #6A93BE 2,60:1 No aprobado
Aa #4666A3 sobre #68B7BE 2,47:1 No aprobado
Aa #A8C3D8 sobre #49837A 2,38:1 No aprobado
Aa #DAEAEB sobre #54A39E 2,38:1 No aprobado
Aa #98C5DE sobre #49837A 2,36:1 No aprobado
Aa #3D6257 sobre #54A39E 2,31:1 No aprobado
Aa #C6DEE5 sobre #6A93BE 2,29:1 No aprobado
Aa #243169 sobre #4666A3 2,15:1 No aprobado
Aa #6A93BE sobre #3D6257 2,12:1 No aprobado
Aa #C6DEE5 sobre #54A39E 2,11:1 No aprobado
Aa #E9F8F8 sobre #68B7BE 2,11:1 No aprobado
Aa #4666A3 sobre #54A39E 1,93:1 No aprobado
Aa #49837A sobre #68B7BE 1,89:1 No aprobado
Aa #DAEAEB sobre #68B7BE 1,86:1 No aprobado
Aa #243169 sobre #3D6257 1,79:1 No aprobado
Aa #4666A3 sobre #6A93BE 1,77:1 No aprobado
Aa #A8C3D8 sobre #6A93BE 1,76:1 No aprobado
Aa #6A93BE sobre #98C5DE 1,74:1 No aprobado
Aa #E9F8F8 sobre #98C5DE 1,69:1 No aprobado
Aa #A8C3D8 sobre #E9F8F8 1,68:1 No aprobado
Aa #C6DEE5 sobre #68B7BE 1,65:1 No aprobado
Aa #A8C3D8 sobre #54A39E 1,61:1 No aprobado
Aa #98C5DE sobre #54A39E 1,60:1 No aprobado
Aa #3D6257 sobre #49837A 1,56:1 No aprobado
Aa #DAEAEB sobre #98C5DE 1,49:1 No aprobado
Aa #A8C3D8 sobre #DAEAEB 1,48:1 No aprobado
Aa #49837A sobre #54A39E 1,48:1 No aprobado
Aa #6A93BE sobre #68B7BE 1,39:1 No aprobado
Aa #6A93BE sobre #49837A 1,36:1 No aprobado
Aa #C6DEE5 sobre #98C5DE 1,32:1 No aprobado
Aa #A8C3D8 sobre #C6DEE5 1,31:1 No aprobado
Aa #4666A3 sobre #49837A 1,30:1 No aprobado
Aa #C6DEE5 sobre #E9F8F8 1,28:1 No aprobado
Aa #54A39E sobre #68B7BE 1,28:1 No aprobado
Aa #A8C3D8 sobre #68B7BE 1,26:1 No aprobado
Aa #98C5DE sobre #68B7BE 1,25:1 No aprobado
Aa #4666A3 sobre #3D6257 1,20:1 No aprobado
Aa #DAEAEB sobre #E9F8F8 1,14:1 No aprobado
Aa #C6DEE5 sobre #DAEAEB 1,13:1 No aprobado
Aa #6A93BE sobre #54A39E 1,09:1 No aprobado
Aa #A8C3D8 sobre #98C5DE 1,01: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