Inicio Paletas de colores Verdant Deep Woods

Verdant Deep Woods

Paleta de 9 colores · Colores fríos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Verdant Deep Woods

Paleta de 9 colores · Colores fríos · Tonos oscuros · Armonía análoga

Editar

Colores apagados 9 colores Colores fríos Tonos oscuros Armonía análoga green forest nature plants

Me gusta 104

Colores 9

Variables CSS

:root {
  --c-muted-1: #000C2C;
  --c-muted-2: #001D37;
  --c-muted-3: #003645;
  --c-muted-4: #005858;
  --c-muted-5: #00755C;
  --c-muted-6: #039A5D;
  --c-muted-7: #15BD5E;
  --c-muted-8: #00D459;
  --c-muted-9: #66F390;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de Grotesque Green (#66F390), su tono más claro, a Mysterious Depths (#000C2C), el más oscuro. Combina Mysterious Depths, Naval Night, Crowberry Blue, Deep Teal, Tropical Rainforest, Shamrock, Intoxicate, Alienated y Grotesque Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000C2C sobre #66F390, con 13,58:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Mysterious Depths #000C2C

RGB: rgb(0, 12, 44)
HSL: hsl(224, 100%, 9%)
Luminancia: 0,004

Naval Night #001D37

RGB: rgb(0, 29, 55)
HSL: hsl(208, 100%, 11%)
Luminancia: 0,012

Crowberry Blue #003645

RGB: rgb(0, 54, 69)
HSL: hsl(193, 100%, 14%)
Luminancia: 0,031

Deep Teal #005858

RGB: rgb(0, 88, 88)
HSL: hsl(180, 100%, 17%)
Luminancia: 0,077

Tropical Rainforest #00755C

RGB: rgb(0, 117, 92)
HSL: hsl(167, 100%, 23%)
Luminancia: 0,135

Shamrock #039A5D

RGB: rgb(3, 154, 93)
HSL: hsl(156, 96%, 31%)
Luminancia: 0,239

Intoxicate #15BD5E

RGB: rgb(21, 189, 94)
HSL: hsl(146, 80%, 41%)
Luminancia: 0,374

Alienated #00D459

RGB: rgb(0, 212, 89)
HSL: hsl(145, 100%, 42%)
Luminancia: 0,478

Grotesque Green #66F390

RGB: rgb(102, 243, 144)
HSL: hsl(138, 85%, 68%)
Luminancia: 0,689

Contraste y accesibilidad

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

Aa #000C2C sobre #66F390 13,58:1 AAA

Aa #001D37 sobre #66F390 12,01:1 AAA

Aa #000C2C sobre #00D459 9,70:1 AAA

Aa #003645 sobre #66F390 9,16:1 AAA

Aa #001D37 sobre #00D459 8,58:1 AAA

Aa #000C2C sobre #15BD5E 7,78:1 AAA

Aa #001D37 sobre #15BD5E 6,88:1 AA

Aa #003645 sobre #00D459 6,55:1 AA

Aa #005858 sobre #66F390 5,83:1 AA

Aa #000C2C sobre #039A5D 5,31:1 AA

Aa #003645 sobre #15BD5E 5,25:1 AA

Aa #001D37 sobre #039A5D 4,70:1 AA

Aa #005858 sobre #00D459 4,16:1 AA, texto grande

Aa #00755C sobre #66F390 4,00:1 AA, texto grande

Aa #003645 sobre #039A5D 3,58:1 AA, texto grande

Aa #000C2C sobre #00755C 3,40:1 AA, texto grande

Aa #005858 sobre #15BD5E 3,34:1 AA, texto grande

Aa #001D37 sobre #00755C 3,01:1 AA, texto grande

Aa #00755C sobre #00D459 2,86:1 No aprobado

Aa #039A5D sobre #66F390 2,56:1 No aprobado

Aa #000C2C sobre #005858 2,33:1 No aprobado

Aa #003645 sobre #00755C 2,29:1 No aprobado

Aa #00755C sobre #15BD5E 2,29:1 No aprobado

Aa #005858 sobre #039A5D 2,28:1 No aprobado

Aa #001D37 sobre #005858 2,06:1 No aprobado

Aa #039A5D sobre #00D459 1,83:1 No aprobado

Aa #15BD5E sobre #66F390 1,75:1 No aprobado

Aa #003645 sobre #005858 1,57:1 No aprobado

Aa #00755C sobre #039A5D 1,56:1 No aprobado

Aa #000C2C sobre #003645 1,48:1 No aprobado

Aa #005858 sobre #00755C 1,46:1 No aprobado

Aa #039A5D sobre #15BD5E 1,46:1 No aprobado

Aa #00D459 sobre #66F390 1,40:1 No aprobado

Aa #001D37 sobre #003645 1,31:1 No aprobado

Aa #15BD5E sobre #00D459 1,25:1 No aprobado

Aa #000C2C sobre #001D37 1,13: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

Verdant Deep Woods