Registrarse Registrarse
Sea & Seaweed

Sea & Seaweed

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

Volver a la biblioteca

Sea & Seaweed

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

Editar
Colores terrosos 8 colores Colores fríos Tonos oscuros Armonía complementaria
Me gusta 26
Colores 8

Variables CSS

:root {
  --c-earthy-1: #98C1D9;
  --c-earthy-2: #06AED5;
  --c-earthy-3: #086788;
  --c-earthy-4: #1B4353;
  --c-earthy-5: #48233C;
  --c-earthy-6: #31081F;
  --c-earthy-7: #4B644A;
  --c-earthy-8: #26413C;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de January Frost (#98C1D9), su tono más claro, a Vienna Roast (#31081F), el más oscuro. Combina January Frost, Malibu Blue, Ansel, Blue Syzygy, Prestige Mauve, Vienna Roast, Vizcaya Palm y Pine Grove en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #98C1D9 sobre #31081F, con 9,25: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

January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Luminancia
0,498
Malibu Blue #06AED5
RGB
rgb(6, 174, 213)
HSL
hsl(191, 95%, 43%)
Luminancia
0,351
Ansel #086788
RGB
rgb(8, 103, 136)
HSL
hsl(195, 89%, 28%)
Luminancia
0,115
Blue Syzygy #1B4353
RGB
rgb(27, 67, 83)
HSL
hsl(197, 51%, 22%)
Luminancia
0,049
Prestige Mauve #48233C
RGB
rgb(72, 35, 60)
HSL
hsl(319, 35%, 21%)
Luminancia
0,029
Vienna Roast #31081F
RGB
rgb(49, 8, 31)
HSL
hsl(326, 72%, 11%)
Luminancia
0,009
Vizcaya Palm #4B644A
RGB
rgb(75, 100, 74)
HSL
hsl(118, 15%, 34%)
Luminancia
0,111
Pine Grove #26413C
RGB
rgb(38, 65, 60)
HSL
hsl(169, 26%, 20%)
Luminancia
0,045

Contraste y accesibilidad

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

Aa #98C1D9 sobre #31081F 9,25:1 AAA
Aa #98C1D9 sobre #48233C 6,93:1 AA
Aa #06AED5 sobre #31081F 6,77:1 AA
Aa #98C1D9 sobre #26413C 5,76:1 AA
Aa #98C1D9 sobre #1B4353 5,55:1 AA
Aa #06AED5 sobre #48233C 5,07:1 AA
Aa #06AED5 sobre #26413C 4,21:1 AA, texto grande
Aa #06AED5 sobre #1B4353 4,06:1 AA, texto grande
Aa #98C1D9 sobre #4B644A 3,40:1 AA, texto grande
Aa #98C1D9 sobre #086788 3,32:1 AA, texto grande
Aa #086788 sobre #31081F 2,79:1 No aprobado
Aa #31081F sobre #4B644A 2,72:1 No aprobado
Aa #06AED5 sobre #4B644A 2,49:1 No aprobado
Aa #06AED5 sobre #086788 2,43:1 No aprobado
Aa #086788 sobre #48233C 2,09:1 No aprobado
Aa #48233C sobre #4B644A 2,04:1 No aprobado
Aa #086788 sobre #26413C 1,74:1 No aprobado
Aa #4B644A sobre #26413C 1,69:1 No aprobado
Aa #086788 sobre #1B4353 1,67:1 No aprobado
Aa #1B4353 sobre #31081F 1,67:1 No aprobado
Aa #1B4353 sobre #4B644A 1,63:1 No aprobado
Aa #31081F sobre #26413C 1,61:1 No aprobado
Aa #98C1D9 sobre #06AED5 1,37:1 No aprobado
Aa #48233C sobre #31081F 1,33:1 No aprobado
Aa #1B4353 sobre #48233C 1,25:1 No aprobado
Aa #48233C sobre #26413C 1,20:1 No aprobado
Aa #1B4353 sobre #26413C 1,04:1 No aprobado
Aa #086788 sobre #4B644A 1,03:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores