Colors with low light intensity are dark colors. The problem may occur when the light is low or when a material absorbs most of the light, altering the darkness of a color. The sum of a color's red, green, and blue values can approximate the darkness of the color. The range of hues that make up dark colors is wide. While pink, yellow and white, on the other hand, are naturally light colors.
Dark pinks are typically brighter than dark reds, and dark yellows are brighter than dark oranges. Grey and brown are many dark colors as hues fade at low light levels. The black color of #000000 at the far end of the spectrum emits absolutely no light. Below are some examples of dark colors that are essential elements of web design you should be aware of.
Name | Hex Code | Color |
Astronaut Blue | #214559 | |
Blue Charcoal | #262b2f | |
Blue Lagoon | #00626f | |
Blue Opal | #0f3b57 | |
Dark Navy Blue | #00022e | |
Dark Water | #112222 | |
Evening Blue | #2a293e | |
Magnetic Blue | #2b6867 | |
Medieval Blue | #29304e | |
Midnight Blue | #020035 | |
Midnight Navy | #34414e | |
Night Blue | #040348 | |
Pixie Powder | #391285 | |
Reflecting Pond | #203e4a | |
Tiber | #184343 | |
Very Blue | #0000aa | |
Very Dark Blue | #000133 | |
Dark Green | #033500 | |
Dark Olive | #373e02 | |
Dill | #6f7755 | |
Elm Green | #547053 | |
Evergreen | #11574a | |
Field Maple | #80884e | |
Garden Green | #495e35 | |
Green Brown | #696006 | |
Green Ink | #11887b | |
Kabocha Green | #044a05 | |
Midnight Green | #004953 | |
Poker Green | #35654d | |
Racing Green | #014600 | |
Smoke Pine | #3e6257 | |
Toad King | #3d6c54 | |
Very Dark Green | #062e03 | |
Woodland Grass | #004400 | |
Aura Orange | #b4262a | |
Blood Orange | #d1001c | |
Brick Orange | #c14a09 | |
Copper Orange | #7f4330 | |
Dark Orange | #c65102 | |
International Orange | #ba160c | |
Winter Sunset | #ca6636 | |
Capital Yellow | #e6ba45 | |
Dark Yellow | #d5b60a | |
Burgundy | #900020 | |
Burnt Maroon | #420303 | |
Dark Red | #840000 | |
Deep Maroon | #820000 | |
Heavy Red | #9e1212 | |
Maroon | #800000 | |
Old Mahagony | #4a0100 | |
Pink Raspberry | #980036 | |
Red Bean | #3d0c02 | |
Red Ink | #220a0a | |
Rustic Red | #3a181a | |
Rusty Red | #af2f0d | |
Celestial Pink | #9c004a | |
Dark Hot Pink | #d90166 | |
Dark Pink | #cb416b | |
Rich Maroon | #b0306a | |
Alien Purple | #490648 | |
Brownish Purple | #76424e | |
Dark Purple | #35063e | |
Dark Strawberry | #80444c | |
Deep Purple | #36013f | |
Medium Taupe | #674c47 | |
Midnight Purple | #280137 | |
Pickled Beet | #4d233d | |
Purple Basil | #5c4450 | |
Purple Brown | #673a3f | |
Purple Stone | #605467 | |
Antique Brown | #553f2d | |
Blackened Brown | #442200 | |
Brown Stone | #593c39 | |
Chestnut | #742802 | |
Dark Brown | #341c02 | |
Dark Chocolate | #490206 | |
Deep Brown | #410200 | |
Earth Brown | #4f1507 | |
Flat Brown | #754600 | |
Grey Brown | #7f7053 | |
Hardwood | #937a62 | |
Marsh | #5c5337 | |
Polished Brown | #985538 | |
Toffee | #755139 | |
Tree House | #3b2820 | |
Tuk Tuk | #573b2a | |
Alien | #415764 | |
Brick Grey | #48412b | |
Cape Cod | #4e5552 | |
Carbon | #333333 | |
Dark Grey | #363737 | |
Dusty Olive | #646356 | |
Flint | #716e61 | |
Heavy Charcoal | #565350 | |
Holly | #25342b | |
Lunar Green | #4e5541 | |
Night Sky | #2a2a35 | |
Polished Steel | #6f828a | |
Soft Steel | #404854 | |
Sooty Willow Bamboo | #4d4b3a | |
Space Grey | #110022 | |
Tap Shoe | #2a2b2d | |
Tarmac | #5a5348 | |
Thyme | #50574c | |
Very Dark Brown | #1d0200 | |
Walnut Hull | #5d5242 | |
Black Olive | #3b3c36 | |
Black Pearl | #1e272c | |
Coffee Bean | #362d26 | |
Cynical Black | #171717 | |
Kurobeni | #23191e | |
Liquorice | #0a0502 | |
Pot Black | #161616 | |
Reversed Grey | #080808 | |
Sepia Black | #2b0202 | |
Void | #050d25 | |
Wood Bark | #302621 | |
Black Chocolate | #1b1811 | |
Black Coffee | #3b302f | |
Black | #000000 |
Dark colors whether it’s very dark brown, wood bark, or black coffee, can create strokes of color that make or break a visual graphic or even a website. The color psychology of light and dark colors should be taken into account when exploring the elements of designing a page or graphic.
Take a look at Page Kit's blogs to learn more about color theory and web design while learning about the pros and cons of using Webflow Website Builder.