Using Dark Winter Color Codes in Web Design
Dark Winter palettes combine icy cool tones with deep, high-contrast shades like midnight blue, sharp emerald, deep berry, and stark white. This high-contrast mix excels in modern dark-mode designs, tech applications, and sleek UI frames where extreme legibility and crisp boundaries are essential. Looking for broader seasonal inspiration? Explore the winter color palette or bright winter color palette for more ideas.
| Colour name | Hex code | RGB value | HSL value | |
|---|---|---|---|---|
| Black | #000000 |
rgb(0, 0, 0) |
hsl(0, 0%, 0%) |
|
| Charcoal | #36454F |
rgb(54, 69, 79) |
hsl(204, 19%, 26%) |
|
| Midnight Blue | #191970 |
rgb(25, 25, 112) |
hsl(240, 64%, 27%) |
|
| Navy | #1B365D |
rgb(27, 54, 93) |
hsl(215, 55%, 24%) |
|
| Royal Blue | #2F5DA9 |
rgb(47, 93, 169) |
hsl(217, 56%, 42%) |
|
| Emerald | #007F5F |
rgb(0, 127, 95) |
hsl(165, 100%, 25%) |
|
| Deep Teal | #005F73 |
rgb(0, 95, 115) |
hsl(190, 100%, 23%) |
|
| Forest Green | #1B5E20 |
rgb(27, 94, 32) |
hsl(124, 55%, 24%) |
|
| Burgundy | #6D213C |
rgb(109, 33, 60) |
hsl(339, 54%, 28%) |
|
| Cranberry | #A61C4A |
rgb(166, 28, 74) |
hsl(340, 71%, 38%) |
|
| Plum | #5A2A5C |
rgb(90, 42, 92) |
hsl(298, 37%, 26%) |
|
| Eggplant | #4B2142 |
rgb(75, 33, 66) |
hsl(313, 39%, 21%) |
|
| Deep Violet | #4B3F72 |
rgb(75, 63, 114) |
hsl(254, 29%, 35%) |
|
| Ruby Red | #9B111E |
rgb(155, 17, 30) |
hsl(354, 80%, 34%) |
|
| Fuchsia | #A0006D |
rgb(160, 0, 109) |
hsl(319, 100%, 31%) |
|
| Icy White | #F8FCFF |
rgb(248, 252, 255) |
hsl(206, 100%, 99%) |
Dark Winter vs. Bright Winter vs. Winter
Winter Color Palette
Bright Winter Color Palette
Blue Color Codes
Purple Color Codes
Christmas Color Palette
More Colors with RGB, HEX, and HSL Values
Looking for more colors and color tools? Browse all Color Tools for color codes, converters, shade references, and other color resources.