Black Forest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Black Forest (#5E6354), each snapped to its nearest named color.
#5E6354
#445172
#674876
#37412A
#696BA0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Black Forest | #5E6354 | 94, 99, 84 | 80°, 8%, 36% | 5, 0, 15, 61 | |
| Astronaut | #445172 | 68, 81, 114 | 223°, 25%, 36% | 40, 29, 0, 55 | |
| Neon Violet | #674876 | 103, 72, 118 | 280°, 24%, 37% | 13, 39, 0, 54 | |
| Deep Seaweed | #37412A | 55, 65, 42 | 86°, 21%, 21% | 15, 0, 35, 75 | |
| Dusted Peri | #696BA0 | 105, 107, 160 | 238°, 22%, 52% | 34, 33, 0, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #37412A on #696BA0 | 2.16:1 | — |
| Aa #5E6354 on #37412A | 1.74:1 | — |
| Aa #445172 on #696BA0 | 1.58:1 | — |
| Aa #674876 on #696BA0 | 1.52:1 | — |
| Aa #674876 on #37412A | 1.42:1 | — |
| Aa #445172 on #37412A | 1.37:1 | — |
CSS variables
:root {
--color-1: #5e6354; /* Black Forest */
--color-2: #445172; /* Astronaut */
--color-3: #674876; /* Neon Violet */
--color-4: #37412a; /* Deep Seaweed */
--color-5: #696ba0; /* Dusted Peri */
}Other schemes from Black Forest
- Black Forest Complementary Color Scheme#5E6354#90A96E#564375#2F2A41#8A6FA9
- Black Forest Analogous Color Scheme#705446#756A43#5E6354#517345#477050
- Black Forest Triadic Color Scheme#5E6354#466174#764663#99AF73#283C44
- Black Forest Tetradic Color Scheme#5E6354#49716D#564375#70474B#99AF73
- Black Forest Monochromatic Color Scheme#12110E#39382F#5E6354#858F79#AAACA2
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
- Black Panther Split-complementary Color Scheme#424242#305144#364251#231712#4D8064
Questions
What colors go with Black Forest?
In a split-complementary scheme: Astronaut (#445172), Neon Violet (#674876), Deep Seaweed (#37412A), Dusted Peri (#696BA0).
What is the hex code of Black Forest?
#5E6354.