Registrarse Registrarse
Bluedawn7

Bluedawn7

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

Volver a la biblioteca

Bluedawn7

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

Editar
Colores terrosos 7 colores Colores neutros Tonos mixtos Armonía complementaria orange blue sky complementary
Me gusta 80
Colores 7

Variables CSS

:root {
  --c-earthy-1: #08193C;
  --c-earthy-2: #183F74;
  --c-earthy-3: #2B6C9F;
  --c-earthy-4: #9F5D2B;
  --c-earthy-5: #BA9A4C;
  --c-earthy-6: #DBD3BA;
  --c-earthy-7: #948E7B;
}

Sobre esta paleta

Esta paleta de 7 colores terrosos va de Chino (#DBD3BA), su tono más claro, a Naval Night (#08193C), el más oscuro. Combina Naval Night, Assault, Blues, Glazed Ginger, Brown Rum, Chino y Olivine Grey 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 #08193C sobre #DBD3BA, con 11,56: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

Naval Night #08193C
RGB
rgb(8, 25, 60)
HSL
hsl(220, 76%, 13%)
Luminancia
0,011
Assault #183F74
RGB
rgb(24, 63, 116)
HSL
hsl(215, 66%, 27%)
Luminancia
0,050
Blues #2B6C9F
RGB
rgb(43, 108, 159)
HSL
hsl(206, 57%, 40%)
Luminancia
0,137
Glazed Ginger #9F5D2B
RGB
rgb(159, 93, 43)
HSL
hsl(26, 57%, 40%)
Luminancia
0,154
Brown Rum #BA9A4C
RGB
rgb(186, 154, 76)
HSL
hsl(43, 44%, 51%)
Luminancia
0,341
Chino #DBD3BA
RGB
rgb(219, 211, 186)
HSL
hsl(45, 31%, 79%)
Luminancia
0,652
Olivine Grey #948E7B
RGB
rgb(148, 142, 123)
HSL
hsl(46, 10%, 53%)
Luminancia
0,271

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 #08193C sobre #DBD3BA 11,56:1 AAA
Aa #183F74 sobre #DBD3BA 7,01:1 AAA
Aa #08193C sobre #BA9A4C 6,43:1 AA
Aa #08193C sobre #948E7B 5,28:1 AA
Aa #183F74 sobre #BA9A4C 3,90:1 AA, texto grande
Aa #2B6C9F sobre #DBD3BA 3,75:1 AA, texto grande
Aa #9F5D2B sobre #DBD3BA 3,45:1 AA, texto grande
Aa #08193C sobre #9F5D2B 3,35:1 AA, texto grande
Aa #183F74 sobre #948E7B 3,20:1 AA, texto grande
Aa #08193C sobre #2B6C9F 3,09:1 AA, texto grande
Aa #DBD3BA sobre #948E7B 2,19:1 No aprobado
Aa #2B6C9F sobre #BA9A4C 2,08:1 No aprobado
Aa #183F74 sobre #9F5D2B 2,04:1 No aprobado
Aa #9F5D2B sobre #BA9A4C 1,92:1 No aprobado
Aa #183F74 sobre #2B6C9F 1,87:1 No aprobado
Aa #BA9A4C sobre #DBD3BA 1,80:1 No aprobado
Aa #2B6C9F sobre #948E7B 1,71:1 No aprobado
Aa #08193C sobre #183F74 1,65:1 No aprobado
Aa #9F5D2B sobre #948E7B 1,57:1 No aprobado
Aa #BA9A4C sobre #948E7B 1,22:1 No aprobado
Aa #2B6C9F sobre #9F5D2B 1,09: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