Registrarse Registrarse
TY Bleu 8

TY Bleu 8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

TY Bleu 8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores apagados 8 colores Colores fríos Tonos mixtos Armonía complementaria
Me gusta 32
Colores 8

Variables CSS

:root {
  --c-muted-1: #D2DBB2;
  --c-muted-2: #ACA28F;
  --c-muted-3: #876771;
  --c-muted-4: #5F556D;
  --c-muted-5: #76BB8D;
  --c-muted-6: #468282;
  --c-muted-7: #40406D;
  --c-muted-8: #2A2724;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Prairie Willow (#D2DBB2), su tono más claro, a Bokara Grey (#2A2724), el más oscuro. Combina Prairie Willow, Sage the Day, Grape Shake, Arraign, Water Fern, Paradiso, Overcast Night y Bokara Grey en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #D2DBB2 sobre #2A2724, con 10,26: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

Prairie Willow #D2DBB2
RGB
rgb(210, 219, 178)
HSL
hsl(73, 36%, 78%)
Luminancia
0,676
Sage the Day #ACA28F
RGB
rgb(172, 162, 143)
HSL
hsl(39, 15%, 62%)
Luminancia
0,366
Grape Shake #876771
RGB
rgb(135, 103, 113)
HSL
hsl(341, 13%, 47%)
Luminancia
0,160
Arraign #5F556D
RGB
rgb(95, 85, 109)
HSL
hsl(265, 12%, 38%)
Luminancia
0,100
Water Fern #76BB8D
RGB
rgb(118, 187, 141)
HSL
hsl(140, 34%, 60%)
Luminancia
0,413
Paradiso #468282
RGB
rgb(70, 130, 130)
HSL
hsl(180, 30%, 39%)
Luminancia
0,189
Overcast Night #40406D
RGB
rgb(64, 64, 109)
HSL
hsl(240, 26%, 34%)
Luminancia
0,059
Bokara Grey #2A2724
RGB
rgb(42, 39, 36)
HSL
hsl(30, 8%, 15%)
Luminancia
0,021

Contraste y accesibilidad

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

Aa #D2DBB2 sobre #2A2724 10,26:1 AAA
Aa #D2DBB2 sobre #40406D 6,68:1 AA
Aa #76BB8D sobre #2A2724 6,55:1 AA
Aa #ACA28F sobre #2A2724 5,88:1 AA
Aa #D2DBB2 sobre #5F556D 4,83:1 AA
Aa #76BB8D sobre #40406D 4,26:1 AA, texto grande
Aa #ACA28F sobre #40406D 3,83:1 AA, texto grande
Aa #D2DBB2 sobre #876771 3,45:1 AA, texto grande
Aa #468282 sobre #2A2724 3,38:1 AA, texto grande
Aa #5F556D sobre #76BB8D 3,08:1 AA, texto grande
Aa #D2DBB2 sobre #468282 3,04:1 AA, texto grande
Aa #876771 sobre #2A2724 2,98:1 No aprobado
Aa #ACA28F sobre #5F556D 2,77:1 No aprobado
Aa #876771 sobre #76BB8D 2,20:1 No aprobado
Aa #468282 sobre #40406D 2,20:1 No aprobado
Aa #5F556D sobre #2A2724 2,13:1 No aprobado
Aa #ACA28F sobre #876771 1,98:1 No aprobado
Aa #876771 sobre #40406D 1,94:1 No aprobado
Aa #76BB8D sobre #468282 1,94:1 No aprobado
Aa #D2DBB2 sobre #ACA28F 1,74:1 No aprobado
Aa #ACA28F sobre #468282 1,74:1 No aprobado
Aa #5F556D sobre #468282 1,59:1 No aprobado
Aa #D2DBB2 sobre #76BB8D 1,57:1 No aprobado
Aa #40406D sobre #2A2724 1,54:1 No aprobado
Aa #876771 sobre #5F556D 1,40:1 No aprobado
Aa #5F556D sobre #40406D 1,38:1 No aprobado
Aa #876771 sobre #468282 1,13:1 No aprobado
Aa #ACA28F sobre #76BB8D 1,11:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores