Inicio Paletas de colores DawnBringer's 8 Color

DawnBringer's 8 Color

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

Volver a la biblioteca

DawnBringer's 8 Color

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

Editar

Colores terrosos 8 colores Colores neutros Tonos mixtos Armonía complementaria artist dawnbringer

Me gusta 416

Colores 8

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #55415F;
  --c-earthy-3: #646964;
  --c-earthy-4: #D77355;
  --c-earthy-5: #508CD7;
  --c-earthy-6: #64B964;
  --c-earthy-7: #E6C86E;
  --c-earthy-8: #DCF5FF;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Glacial Day (#DCF5FF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Navy Cosmos, Black Locust, Peachy Scene, Blue Dart, Boring Green, Le Bon Dijon y Glacial Day en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #DCF5FF, con 18,55: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminancia: 0,000

Navy Cosmos #55415F

RGB: rgb(85, 65, 95)
HSL: hsl(280, 19%, 31%)
Luminancia: 0,065

Black Locust #646964

RGB: rgb(100, 105, 100)
HSL: hsl(120, 2%, 40%)
Luminancia: 0,137

Peachy Scene #D77355

RGB: rgb(215, 115, 85)
HSL: hsl(14, 62%, 59%)
Luminancia: 0,274

Blue Dart #508CD7

RGB: rgb(80, 140, 215)
HSL: hsl(213, 63%, 58%)
Luminancia: 0,254

Boring Green #64B964

RGB: rgb(100, 185, 100)
HSL: hsl(120, 38%, 56%)
Luminancia: 0,383

Le Bon Dijon #E6C86E

RGB: rgb(230, 200, 110)
HSL: hsl(45, 71%, 67%)
Luminancia: 0,593

Glacial Day #DCF5FF

RGB: rgb(220, 245, 255)
HSL: hsl(197, 100%, 93%)
Luminancia: 0,877

Contraste y accesibilidad

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

Aa #000000 sobre #DCF5FF 18,55:1 AAA

Aa #000000 sobre #E6C86E 12,85:1 AAA

Aa #000000 sobre #64B964 8,67:1 AAA

Aa #55415F sobre #DCF5FF 8,04:1 AAA

Aa #000000 sobre #D77355 6,47:1 AA

Aa #000000 sobre #508CD7 6,07:1 AA

Aa #55415F sobre #E6C86E 5,57:1 AA

Aa #646964 sobre #DCF5FF 4,95:1 AA

Aa #55415F sobre #64B964 3,76:1 AA, texto grande

Aa #000000 sobre #646964 3,75:1 AA, texto grande

Aa #646964 sobre #E6C86E 3,43:1 AA, texto grande

Aa #508CD7 sobre #DCF5FF 3,05:1 AA, texto grande

Aa #D77355 sobre #DCF5FF 2,87:1 No aprobado

Aa #55415F sobre #D77355 2,81:1 No aprobado

Aa #55415F sobre #508CD7 2,63:1 No aprobado

Aa #000000 sobre #55415F 2,31:1 No aprobado

Aa #646964 sobre #64B964 2,31:1 No aprobado

Aa #64B964 sobre #DCF5FF 2,14:1 No aprobado

Aa #508CD7 sobre #E6C86E 2,12:1 No aprobado

Aa #D77355 sobre #E6C86E 1,99:1 No aprobado

Aa #646964 sobre #D77355 1,73:1 No aprobado

Aa #55415F sobre #646964 1,62:1 No aprobado

Aa #646964 sobre #508CD7 1,62:1 No aprobado

Aa #64B964 sobre #E6C86E 1,48:1 No aprobado

Aa #E6C86E sobre #DCF5FF 1,44:1 No aprobado

Aa #508CD7 sobre #64B964 1,43:1 No aprobado

Aa #D77355 sobre #64B964 1,34:1 No aprobado

Aa #D77355 sobre #508CD7 1,07: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

DawnBringer's 8 Color