Registrarse Registrarse
NORA_asof_01 03 2024

NORA_asof_01 03 2024

Paleta de 6 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Volver a la biblioteca

NORA_asof_01 03 2024

Paleta de 6 colores · Colores cálidos · Tonos mixtos · Armonía monocromática

Editar
Colores apagados 6 colores Colores cálidos Tonos mixtos Armonía monocromática desaturated highcontrast girl nora
Me gusta 43
Colores 6

Variables CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #3A292E;
  --c-muted-3: #82737B;
  --c-muted-4: #ADA2A6;
  --c-muted-5: #DDDDDD;
  --c-muted-6: #FFFFFF;
}

Sobre esta paleta

Esta paleta de 6 colores apagados va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Havana, Simple Plum, Quest Grey, Steam y White en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFFFFF, con 21: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Havana #3A292E
RGB
rgb(58, 41, 46)
HSL
hsl(342, 17%, 19%)
Luminancia
0,027
Simple Plum #82737B
RGB
rgb(130, 115, 123)
HSL
hsl(328, 6%, 48%)
Luminancia
0,184
Quest Grey #ADA2A6
RGB
rgb(173, 162, 166)
HSL
hsl(338, 6%, 66%)
Luminancia
0,375
Steam #DDDDDD
RGB
rgb(221, 221, 221)
HSL
hsl(0, 0%, 87%)
Luminancia
0,723
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000

Contraste y accesibilidad

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

Aa #000000 sobre #FFFFFF 21,00:1 AAA
Aa #000000 sobre #DDDDDD 15,46:1 AAA
Aa #3A292E sobre #FFFFFF 13,67:1 AAA
Aa #3A292E sobre #DDDDDD 10,06:1 AAA
Aa #000000 sobre #ADA2A6 8,50:1 AAA
Aa #3A292E sobre #ADA2A6 5,53:1 AA
Aa #000000 sobre #82737B 4,69:1 AA
Aa #82737B sobre #FFFFFF 4,48:1 AA, texto grande
Aa #82737B sobre #DDDDDD 3,30:1 AA, texto grande
Aa #3A292E sobre #82737B 3,05:1 AA, texto grande
Aa #ADA2A6 sobre #FFFFFF 2,47:1 No aprobado
Aa #ADA2A6 sobre #DDDDDD 1,82:1 No aprobado
Aa #82737B sobre #ADA2A6 1,81:1 No aprobado
Aa #000000 sobre #3A292E 1,54:1 No aprobado
Aa #DDDDDD sobre #FFFFFF 1,36: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