Registrarse Registrarse
Lite Brite

Lite Brite

Paleta de 7 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Lite Brite

Paleta de 7 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 7 colores Colores neutros Tonos mixtos Armonía complementaria color light litebrite toy
Me gusta 21
Colores 7

Variables CSS

:root {
  --c-earthy-1: #383836;
  --c-earthy-2: #65A0C6;
  --c-earthy-3: #97C456;
  --c-earthy-4: #CB5F9A;
  --c-earthy-5: #DEA87B;
  --c-earthy-6: #F5F691;
  --c-earthy-7: #F3F8FB;
}

Sobre esta paleta

Esta paleta de 7 colores terrosos va de Distant Horizon (#F3F8FB), su tono más claro, a Lacquered Liquorice (#383836), el más oscuro. Combina Lacquered Liquorice, Scott Base, Cabbage Patch, Phlox Pink, Thai Ice Tea, Milan y Distant Horizon en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #383836 sobre #F3F8FB, con 10,98:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Lacquered Liquorice #383836
RGB
rgb(56, 56, 54)
HSL
hsl(60, 2%, 22%)
Luminancia
0,039
Scott Base #65A0C6
RGB
rgb(101, 160, 198)
HSL
hsl(204, 46%, 59%)
Luminancia
0,320
Cabbage Patch #97C456
RGB
rgb(151, 196, 86)
HSL
hsl(85, 48%, 55%)
Luminancia
0,467
Phlox Pink #CB5F9A
RGB
rgb(203, 95, 154)
HSL
hsl(327, 51%, 58%)
Luminancia
0,232
Thai Ice Tea #DEA87B
RGB
rgb(222, 168, 123)
HSL
hsl(27, 60%, 68%)
Luminancia
0,450
Milan #F5F691
RGB
rgb(245, 246, 145)
HSL
hsl(61, 85%, 77%)
Luminancia
0,874
Distant Horizon #F3F8FB
RGB
rgb(243, 248, 251)
HSL
hsl(203, 50%, 97%)
Luminancia
0,932

Contraste y accesibilidad

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

Aa #383836 sobre #F3F8FB 10,98:1 AAA
Aa #383836 sobre #F5F691 10,34:1 AAA
Aa #383836 sobre #97C456 5,79:1 AA
Aa #383836 sobre #DEA87B 5,59:1 AA
Aa #383836 sobre #65A0C6 4,14:1 AA, texto grande
Aa #CB5F9A sobre #F3F8FB 3,48:1 AA, texto grande
Aa #CB5F9A sobre #F5F691 3,27:1 AA, texto grande
Aa #383836 sobre #CB5F9A 3,16:1 AA, texto grande
Aa #65A0C6 sobre #F3F8FB 2,65:1 No aprobado
Aa #65A0C6 sobre #F5F691 2,50:1 No aprobado
Aa #DEA87B sobre #F3F8FB 1,96:1 No aprobado
Aa #97C456 sobre #F3F8FB 1,90:1 No aprobado
Aa #DEA87B sobre #F5F691 1,85:1 No aprobado
Aa #97C456 sobre #CB5F9A 1,83:1 No aprobado
Aa #97C456 sobre #F5F691 1,79:1 No aprobado
Aa #CB5F9A sobre #DEA87B 1,77:1 No aprobado
Aa #65A0C6 sobre #97C456 1,40:1 No aprobado
Aa #65A0C6 sobre #DEA87B 1,35:1 No aprobado
Aa #65A0C6 sobre #CB5F9A 1,31:1 No aprobado
Aa #F5F691 sobre #F3F8FB 1,06:1 No aprobado
Aa #97C456 sobre #DEA87B 1,04:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores