Marshland Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Marshland (#2B2E26), each snapped to its nearest named color.
#2B2E26
#222233
#332233
#12110E
#3E4265
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marshland | #2B2E26 | 43, 46, 38 | 82°, 10%, 16% | 7, 0, 17, 82 | |
| Black Velvet | #222233 | 34, 34, 51 | 240°, 20%, 17% | 33, 33, 0, 80 | |
| Zero Gravity | #332233 | 51, 34, 51 | 300°, 20%, 17% | 0, 33, 0, 80 | |
| Sinister | #12110E | 18, 17, 14 | 45°, 13%, 6% | 0, 6, 22, 93 | |
| Chronicle | #3E4265 | 62, 66, 101 | 234°, 24%, 32% | 39, 35, 0, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #12110E on #3E4265 | 1.95:1 | — |
| Aa #222233 on #3E4265 | 1.62:1 | — |
| Aa #332233 on #3E4265 | 1.53:1 | — |
| Aa #2B2E26 on #3E4265 | 1.43:1 | — |
| Aa #2B2E26 on #12110E | 1.37:1 | — |
| Aa #332233 on #12110E | 1.27:1 | — |
CSS variables
:root {
--color-1: #2b2e26; /* Marshland */
--color-2: #222233; /* Black Velvet */
--color-3: #332233; /* Zero Gravity */
--color-4: #12110e; /* Sinister */
--color-5: #3e4265; /* Chronicle */
}Other schemes from Marshland
- Marshland Complementary Color Scheme#2B2E26#5A6E41#262335#0B0C14#564375
- Marshland Analogous Color Scheme#302621#333322#2B2E26#283123#253529
- Marshland Triadic Color Scheme#2B2E26#232F36#312231#667744#0F1012
- Marshland Tetradic Color Scheme#2B2E26#213638#262335#332222#667744
- Marshland Monochromatic Color Scheme#12110E#12110E#2B2E26#53594B#76826C
More Very Dark Gray split-complementary palettes
- Anthracite Split-complementary Color Scheme#28282D#342C21#2E3222#0B0C14#61513D
- Aztec Split-complementary Color Scheme#293432#3C2233#372B25#0F1012#6C445B
- Bitter Liquorice Split-complementary Color Scheme#262926#2E183B#3B1F23#051009#4A3C62
- Carbon Fibre Split-complementary Color Scheme#2E2E2E#20392C#272F38#130D0D#3E6655
- Caviar Split-complementary Color Scheme#2B2C30#3B2820#333322#0B0C14#694D3D
- Dark Charcoal Split-complementary Color Scheme#333232#2B3F36#24313D#130D0D#416858
- Darth Vader Split-complementary Color Scheme#27252A#2F2E1F#2F2E1F#0B0C14#665A38
- Diesel Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- Dire Wolf Split-complementary Color Scheme#282828#1B3427#1B2632#130D0D#38614C
- Graphite Black Split-complementary Color Scheme#262A2B#3B1F23#362C1D#0F1012#643B46
- Haiti Split-complementary Color Scheme#2C2A35#3C3523#2C3D28#0B0C14#665E43
- Holy Crow Split-complementary Color Scheme#332F2C#203838#21263A#130D0D#456B67
Questions
What colors go with Marshland?
In a split-complementary scheme: Black Velvet (#222233), Zero Gravity (#332233), Sinister (#12110E), Chronicle (#3E4265).
What is the hex code of Marshland?
#2B2E26.