Inicio Paletas de colores TY Chilling Spine 8

TY Chilling Spine 8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

TY Chilling Spine 8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Editar

Colores apagados 8 colores Colores cálidos Tonos mixtos Armonía análoga dark limited horror 3bit

Me gusta 49

Colores 8

Variables CSS

:root {
  --c-muted-1: #DBC5BF;
  --c-muted-2: #BBB18F;
  --c-muted-3: #988476;
  --c-muted-4: #78575E;
  --c-muted-5: #584540;
  --c-muted-6: #3D3936;
  --c-muted-7: #342B2B;
  --c-muted-8: #24222A;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Bella Mia (#DBC5BF), su tono más claro, a To Hell and Black (#24222A), el más oscuro. Combina Bella Mia, Wasabi Powder, Parisian Café, Falcon Wing, Dark Walnut, Eclipse, Deep Brown y To Hell and Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DBC5BF sobre #24222A, con 9,54: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

Bella Mia #DBC5BF

RGB: rgb(219, 197, 191)
HSL: hsl(13, 28%, 80%)
Luminancia: 0,588

Wasabi Powder #BBB18F

RGB: rgb(187, 177, 143)
HSL: hsl(46, 24%, 65%)
Luminancia: 0,440

Parisian Café #988476

RGB: rgb(152, 132, 118)
HSL: hsl(25, 14%, 53%)
Luminancia: 0,245

Falcon Wing #78575E

RGB: rgb(120, 87, 94)
HSL: hsl(347, 16%, 41%)
Luminancia: 0,116

Dark Walnut #584540

RGB: rgb(88, 69, 64)
HSL: hsl(13, 16%, 30%)
Luminancia: 0,067

Eclipse #3D3936

RGB: rgb(61, 57, 54)
HSL: hsl(26, 6%, 23%)
Luminancia: 0,042

Deep Brown #342B2B

RGB: rgb(52, 43, 43)
HSL: hsl(0, 9%, 19%)
Luminancia: 0,026

To Hell and Black #24222A

RGB: rgb(36, 34, 42)
HSL: hsl(255, 11%, 15%)
Luminancia: 0,017

Contraste y accesibilidad

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

Aa #DBC5BF sobre #24222A 9,54:1 AAA

Aa #DBC5BF sobre #342B2B 8,35:1 AAA

Aa #BBB18F sobre #24222A 7,33:1 AAA

Aa #DBC5BF sobre #3D3936 6,94:1 AA

Aa #BBB18F sobre #342B2B 6,42:1 AA

Aa #DBC5BF sobre #584540 5,45:1 AA

Aa #BBB18F sobre #3D3936 5,33:1 AA

Aa #988476 sobre #24222A 4,41:1 AA, texto grande

Aa #BBB18F sobre #584540 4,19:1 AA, texto grande

Aa #988476 sobre #342B2B 3,86:1 AA, texto grande

Aa #DBC5BF sobre #78575E 3,84:1 AA, texto grande

Aa #988476 sobre #3D3936 3,21:1 AA, texto grande

Aa #BBB18F sobre #78575E 2,95:1 No aprobado

Aa #988476 sobre #584540 2,52:1 No aprobado

Aa #78575E sobre #24222A 2,49:1 No aprobado

Aa #78575E sobre #342B2B 2,18:1 No aprobado

Aa #DBC5BF sobre #988476 2,16:1 No aprobado

Aa #78575E sobre #3D3936 1,81:1 No aprobado

Aa #988476 sobre #78575E 1,77:1 No aprobado

Aa #584540 sobre #24222A 1,75:1 No aprobado

Aa #BBB18F sobre #988476 1,66:1 No aprobado

Aa #584540 sobre #342B2B 1,53:1 No aprobado

Aa #78575E sobre #584540 1,42:1 No aprobado

Aa #3D3936 sobre #24222A 1,37:1 No aprobado

Aa #DBC5BF sobre #BBB18F 1,30:1 No aprobado

Aa #584540 sobre #3D3936 1,27:1 No aprobado

Aa #3D3936 sobre #342B2B 1,20:1 No aprobado

Aa #342B2B sobre #24222A 1,14:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70

4 colores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 colores

#FFF8EA #9E7676 #815B5B #594545

4 colores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 colores

#F67280 #C06C84 #6C5B7B #355C7D

4 colores

#2B2E4A #E84545 #903749 #53354A

4 colores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 colores

#A9907E #F3DEBA #ABC4AA #675D50

4 colores

TY Chilling Spine 8