Inicio Paletas de colores Petite 8 Afterdark

Petite 8 Afterdark

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Petite 8 Afterdark

Paleta de 8 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar

Colores terrosos 8 colores Colores cálidos Tonos oscuros Armonía complementaria artist monoramp adigunpolack

Me gusta 45

Colores 8

Variables CSS

:root {
  --c-earthy-1: #070810;
  --c-earthy-2: #0D0F11;
  --c-earthy-3: #161C20;
  --c-earthy-4: #272B29;
  --c-earthy-5: #4B4A27;
  --c-earthy-6: #776131;
  --c-earthy-7: #A07C43;
  --c-earthy-8: #BB9A67;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Rustic City (#BB9A67), su tono más claro, a Narwhal Grey (#070810), el más oscuro. Combina Narwhal Grey, Ruined Smores, River Styx, Graphite Black, Nori Seaweed Green, Himalaya, Wood Thrush y Rustic City 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 #070810 sobre #BB9A67, con 7,54: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

Narwhal Grey #070810

RGB: rgb(7, 8, 16)
HSL: hsl(233, 39%, 5%)
Luminancia: 0,003

Ruined Smores #0D0F11

RGB: rgb(13, 15, 17)
HSL: hsl(210, 13%, 6%)
Luminancia: 0,005

River Styx #161C20

RGB: rgb(22, 28, 32)
HSL: hsl(204, 19%, 11%)
Luminancia: 0,011

Graphite Black #272B29

RGB: rgb(39, 43, 41)
HSL: hsl(150, 5%, 16%)
Luminancia: 0,023

Nori Seaweed Green #4B4A27

RGB: rgb(75, 74, 39)
HSL: hsl(58, 32%, 22%)
Luminancia: 0,065

Himalaya #776131

RGB: rgb(119, 97, 49)
HSL: hsl(41, 42%, 33%)
Luminancia: 0,127

Wood Thrush #A07C43

RGB: rgb(160, 124, 67)
HSL: hsl(37, 41%, 45%)
Luminancia: 0,223

Rustic City #BB9A67

RGB: rgb(187, 154, 103)
HSL: hsl(36, 38%, 57%)
Luminancia: 0,347

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 #070810 sobre #BB9A67 7,54:1 AAA

Aa #0D0F11 sobre #BB9A67 7,25:1 AAA

Aa #161C20 sobre #BB9A67 6,50:1 AA

Aa #272B29 sobre #BB9A67 5,42:1 AA

Aa #070810 sobre #A07C43 5,19:1 AA

Aa #0D0F11 sobre #A07C43 4,99:1 AA

Aa #161C20 sobre #A07C43 4,47:1 AA, texto grande

Aa #272B29 sobre #A07C43 3,73:1 AA, texto grande

Aa #4B4A27 sobre #BB9A67 3,44:1 AA, texto grande

Aa #070810 sobre #776131 3,37:1 AA, texto grande

Aa #0D0F11 sobre #776131 3,24:1 AA, texto grande

Aa #161C20 sobre #776131 2,90:1 No aprobado

Aa #272B29 sobre #776131 2,42:1 No aprobado

Aa #4B4A27 sobre #A07C43 2,37:1 No aprobado

Aa #776131 sobre #BB9A67 2,24:1 No aprobado

Aa #070810 sobre #4B4A27 2,20:1 No aprobado

Aa #0D0F11 sobre #4B4A27 2,11:1 No aprobado

Aa #161C20 sobre #4B4A27 1,89:1 No aprobado

Aa #272B29 sobre #4B4A27 1,58:1 No aprobado

Aa #776131 sobre #A07C43 1,54:1 No aprobado

Aa #4B4A27 sobre #776131 1,53:1 No aprobado

Aa #A07C43 sobre #BB9A67 1,45:1 No aprobado

Aa #070810 sobre #272B29 1,39:1 No aprobado

Aa #0D0F11 sobre #272B29 1,34:1 No aprobado

Aa #161C20 sobre #272B29 1,20:1 No aprobado

Aa #070810 sobre #161C20 1,16:1 No aprobado

Aa #0D0F11 sobre #161C20 1,12:1 No aprobado

Aa #070810 sobre #0D0F11 1,04:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000

4 colores

#E23E57 #88304E #522546 #311D3F

4 colores

#FF204E #A0153E #5D0E41 #00224D

4 colores

#030637 #3C0753 #720455 #910A67

4 colores

#1C0A00 #361500 #603601 #CC9544

4 colores

#252525 #FF0000 #AF0404 #414141

4 colores

#362222 #171010 #423F3E #2B2B2B

4 colores

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 colores

Petite 8 Afterdark