Inicio Paletas de colores Basement Bio Chem

Basement Bio Chem

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

Volver a la biblioteca

Basement Bio Chem

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 cold 8 glass gaming

Me gusta 42

Colores 8

Variables CSS

:root {
  --c-muted-1: #19152D;
  --c-muted-2: #342A4C;
  --c-muted-3: #424272;
  --c-muted-4: #5C7677;
  --c-muted-5: #7A9968;
  --c-muted-6: #9ABC51;
  --c-muted-7: #B4CC49;
  --c-muted-8: #E9FFBF;
}

Sobre esta paleta

Esta paleta de 8 colores apagados va de Fall Green (#E9FFBF), su tono más claro, a Sambucus (#19152D), el más oscuro. Combina Sambucus, Operetta Mauve, Deep Wisteria, Paradise City, Mosslands, Clematis Green, Solid Gold y Fall Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 10 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #19152D sobre #E9FFBF, con 16,45: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

Sambucus #19152D

RGB: rgb(25, 21, 45)
HSL: hsl(250, 36%, 13%)
Luminancia: 0,009

Operetta Mauve #342A4C

RGB: rgb(52, 42, 76)
HSL: hsl(258, 29%, 23%)
Luminancia: 0,029

Deep Wisteria #424272

RGB: rgb(66, 66, 114)
HSL: hsl(240, 27%, 35%)
Luminancia: 0,063

Paradise City #5C7677

RGB: rgb(92, 118, 119)
HSL: hsl(182, 13%, 41%)
Luminancia: 0,166

Mosslands #7A9968

RGB: rgb(122, 153, 104)
HSL: hsl(98, 19%, 50%)
Luminancia: 0,279

Clematis Green #9ABC51

RGB: rgb(154, 188, 81)
HSL: hsl(79, 44%, 53%)
Luminancia: 0,434

Solid Gold #B4CC49

RGB: rgb(180, 204, 73)
HSL: hsl(71, 56%, 54%)
Luminancia: 0,534

Fall Green #E9FFBF

RGB: rgb(233, 255, 191)
HSL: hsl(81, 100%, 87%)
Luminancia: 0,926

Contraste y accesibilidad

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

Aa #19152D sobre #E9FFBF 16,45:1 AAA

Aa #342A4C sobre #E9FFBF 12,34:1 AAA

Aa #19152D sobre #B4CC49 9,84:1 AAA

Aa #424272 sobre #E9FFBF 8,66:1 AAA

Aa #19152D sobre #9ABC51 8,16:1 AAA

Aa #342A4C sobre #B4CC49 7,38:1 AAA

Aa #342A4C sobre #9ABC51 6,12:1 AA

Aa #19152D sobre #7A9968 5,55:1 AA

Aa #424272 sobre #B4CC49 5,18:1 AA

Aa #5C7677 sobre #E9FFBF 4,53:1 AA

Aa #424272 sobre #9ABC51 4,30:1 AA, texto grande

Aa #342A4C sobre #7A9968 4,16:1 AA, texto grande

Aa #19152D sobre #5C7677 3,63:1 AA, texto grande

Aa #7A9968 sobre #E9FFBF 2,96:1 No aprobado

Aa #424272 sobre #7A9968 2,92:1 No aprobado

Aa #342A4C sobre #5C7677 2,73:1 No aprobado

Aa #5C7677 sobre #B4CC49 2,71:1 No aprobado

Aa #5C7677 sobre #9ABC51 2,25:1 No aprobado

Aa #9ABC51 sobre #E9FFBF 2,02:1 No aprobado

Aa #424272 sobre #5C7677 1,91:1 No aprobado

Aa #19152D sobre #424272 1,90:1 No aprobado

Aa #7A9968 sobre #B4CC49 1,77:1 No aprobado

Aa #B4CC49 sobre #E9FFBF 1,67:1 No aprobado

Aa #5C7677 sobre #7A9968 1,53:1 No aprobado

Aa #7A9968 sobre #9ABC51 1,47:1 No aprobado

Aa #342A4C sobre #424272 1,43:1 No aprobado

Aa #19152D sobre #342A4C 1,33:1 No aprobado

Aa #9ABC51 sobre #B4CC49 1,21: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

Basement Bio Chem