Aqeeb Studio

Color style

Dark Colors: Names, HEX Codes & Deep Shades

A color counts as dark here when its HSL lightness is 30% or lower. The group includes black, navy, forest green, burgundy, deep purple and charcoal, drawn from every color family.

Dark colors are the natural backgrounds for white and light text. Almost all of them clear the 4.5:1 WCAG AA level with white (101 of the 108 in this library, and the lowest is 3.71:1), and they are the colors to choose for body text on light pages.

Dark colors at a glance

108dark colors in the library
21%average HSL lightness
86%average HSL saturation
94%reach 4.5:1 contrast with white text
6%reach 4.5:1 contrast with black text
Extremes among dark colors
ExtremeColorHEXHSL
Lightest Warm Brown #964E02hsl(31, 97%, 30%)
Darkest Black #000000hsl(0, 0%, 0%)
Most saturated Very Dark Brown #1D0200hsl(4, 100%, 6%)
Least saturated Black #000000hsl(0, 0%, 0%)
Black#000000 Burgundy#610023 Dark Green#006400 Charcoal#343837 Green#008000 Indigo#4B0082 Maroon#800000 Navy#000080 Olive#808000 Purple#800080 Teal#008080 Dark Blue#00008B

Using dark colors

  • Backgrounds for headers, footers, hero sections and dark mode, with white or light text.
  • Body text and headings on light backgrounds.
  • Overlays behind photos, so text on top stays readable.
  • Deep brand colors for logos and navigation.

Pure black backgrounds can feel harsh next to bright text. A very dark blue-gray or near-black gives nearly the same contrast with a softer edge.

Dark colors can be hard to tell apart from each other. Separate layers with a visible border or a slightly lighter surface color.

All 108 dark colors

Almost Black#070D0D Army Green#4B5D16 Aubergine#3D0734 Black#000000 Blood#770001 Blue Green#137E6D Bordeaux#7B002C Bottle Green#044A05 Brick Red#8F1402 British Racing Green#05480D Brown Green#706C11 Brown Red#922B05 Burgundy#610023 Camo Green#526525 Camouflage Green#4B6113 Charcoal#343837 Charcoal Gray#3C4142 Chestnut#742802 Chocolate Brown#411900 Claret#680018 Dark Aqua#05696B Dark Blue#00008B Dark Blue Gray#1F3B4D Dark Blue Green#005249 Dark Brown#341C02 Dark Cyan#008B8B Dark Grass Green#388004 Dark Gray Blue#29465B Dark Green#006400 Dark Green Blue#1F6357 Dark Indigo#1F0954 Dark Magenta#8B008B Dark Maroon#3C0008 Dark Navy#000435 Dark Olive#373E02 Dark Plum#3F012C Dark Purple#35063E Dark Red#8B0000 Dark Royal Blue#02066F Dark Slate Gray#2F4F4F Dark Teal#014D4E Dark Yellow Green#728F02 Deep Aqua#08787F Deep Blue#040273 Deep Brown#410200 Deep Green#02590F Deep Purple#36013F Deep Sea Blue#015482 Deep Teal#00555A Deep Turquoise#017374 Deep Violet#490648 Eggplant#380835 Eggplant Purple#430541 Emerald Green#028F1E Evergreen#05472A Forest#0B5509 Grape Purple#5D1451 Green#008000 Green Brown#544E03 Hunter Green#0B4008 Indigo#4B0082 Irish Green#019529 Jungle Green#048243 Mahogany#4A0100 Marine#042E60 Marine Blue#01386A Maroon#800000 Medium Brown#7F5112 Merlot#730039 Midnight#03012D Midnight Blue#191970 Midnight Purple#280137 Mud#735C12 Mud Brown#60460F Muddy Brown#886806 Navy#000080 Navy Blue#001146 Navy Green#35530A Night Blue#040348 Ocean#017B92 Olive#808000 Olive Brown#645403 Olive Green#677A04 Peacock Blue#016795 Petrol#005F6A Pine#2B5D34 Pine Green#0A481E Plum Purple#4E0550 Prussian Blue#004577 Purple#800080 Red Purple#820747 Red Wine#8C0034 Rich Purple#720058 Royal Purple#4B006E Rust Brown#8B3103 Spruce#0A5F38 Swamp Green#748500 Teal#008080 Tree Green#2A7E19 True Green#089404 Twilight Blue#0A437A Velvet#750851 Very Dark Brown#1D0200 Very Dark Green#062E03 Very Dark Purple#2A0134 Warm Brown#964E02 Wine#80013F Wine Red#7B0323

More styles

Light (143)Pastel (127)Vibrant (245)Neutral (99)Warm (282)Cool (148) All families