Registrarse Registrarse
Strange Fantasy

Strange Fantasy

Paleta de 9 colores · Colores fríos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Strange Fantasy

Paleta de 9 colores · Colores fríos · Tonos oscuros · Armonía análoga

Editar
Colores apagados 9 colores Colores fríos Tonos oscuros Armonía análoga simple fantasy gloomy
Me gusta 19
Colores 9

Variables CSS

:root {
  --c-muted-1: #0E0D1E;
  --c-muted-2: #0E0C23;
  --c-muted-3: #141227;
  --c-muted-4: #222034;
  --c-muted-5: #302E49;
  --c-muted-6: #0E3D2A;
  --c-muted-7: #275241;
  --c-muted-8: #4B8A71;
  --c-muted-9: #41BE8C;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de Aragon Green (#41BE8C), su tono más claro, a Tristesse (#0E0D1E), el más oscuro. Combina Tristesse, Corbeau, Black Velvet, Black Blueberry, Mizukaze Green, Fresh Mint, Molly Robins y Aragon Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0E0D1E sobre #41BE8C, con 8,19: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

Tristesse #0E0D1E
RGB
rgb(14, 13, 30)
HSL
hsl(244, 40%, 8%)
Luminancia
0,005
Tristesse #0E0C23
RGB
rgb(14, 12, 35)
HSL
hsl(245, 49%, 9%)
Luminancia
0,005
Corbeau #141227
RGB
rgb(20, 18, 39)
HSL
hsl(246, 37%, 11%)
Luminancia
0,007
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminancia
0,016
Black Blueberry #302E49
RGB
rgb(48, 46, 73)
HSL
hsl(244, 23%, 23%)
Luminancia
0,031
Mizukaze Green #0E3D2A
RGB
rgb(14, 61, 42)
HSL
hsl(156, 63%, 15%)
Luminancia
0,036
Fresh Mint #275241
RGB
rgb(39, 82, 65)
HSL
hsl(156, 36%, 24%)
Luminancia
0,069
Molly Robins #4B8A71
RGB
rgb(75, 138, 113)
HSL
hsl(156, 30%, 42%)
Luminancia
0,209
Aragon Green #41BE8C
RGB
rgb(65, 190, 140)
HSL
hsl(156, 49%, 50%)
Luminancia
0,398

Contraste y accesibilidad

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

Aa #0E0D1E sobre #41BE8C 8,19:1 AAA
Aa #0E0C23 sobre #41BE8C 8,19:1 AAA
Aa #141227 sobre #41BE8C 7,83:1 AAA
Aa #222034 sobre #41BE8C 6,77:1 AA
Aa #302E49 sobre #41BE8C 5,56:1 AA
Aa #0E3D2A sobre #41BE8C 5,22:1 AA
Aa #0E0D1E sobre #4B8A71 4,72:1 AA
Aa #0E0C23 sobre #4B8A71 4,72:1 AA
Aa #141227 sobre #4B8A71 4,52:1 AA
Aa #222034 sobre #4B8A71 3,91:1 AA, texto grande
Aa #275241 sobre #41BE8C 3,79:1 AA, texto grande
Aa #302E49 sobre #4B8A71 3,21:1 AA, texto grande
Aa #0E3D2A sobre #4B8A71 3,01:1 AA, texto grande
Aa #275241 sobre #4B8A71 2,18:1 No aprobado
Aa #0E0D1E sobre #275241 2,16:1 No aprobado
Aa #0E0C23 sobre #275241 2,16:1 No aprobado
Aa #141227 sobre #275241 2,07:1 No aprobado
Aa #222034 sobre #275241 1,79:1 No aprobado
Aa #4B8A71 sobre #41BE8C 1,73:1 No aprobado
Aa #0E0D1E sobre #0E3D2A 1,57:1 No aprobado
Aa #0E0C23 sobre #0E3D2A 1,57:1 No aprobado
Aa #141227 sobre #0E3D2A 1,50:1 No aprobado
Aa #0E0D1E sobre #302E49 1,47:1 No aprobado
Aa #0E0C23 sobre #302E49 1,47:1 No aprobado
Aa #302E49 sobre #275241 1,47:1 No aprobado
Aa #141227 sobre #302E49 1,41:1 No aprobado
Aa #0E3D2A sobre #275241 1,38:1 No aprobado
Aa #222034 sobre #0E3D2A 1,30:1 No aprobado
Aa #222034 sobre #302E49 1,22:1 No aprobado
Aa #0E0D1E sobre #222034 1,21:1 No aprobado
Aa #0E0C23 sobre #222034 1,21:1 No aprobado
Aa #141227 sobre #222034 1,16:1 No aprobado
Aa #302E49 sobre #0E3D2A 1,07:1 No aprobado
Aa #0E0D1E sobre #141227 1,05:1 No aprobado
Aa #0E0C23 sobre #141227 1,05:1 No aprobado
Aa #0E0D1E sobre #0E0C23 1,00:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores