Swamp Thing Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Swamp Thing (#162825), each snapped to its nearest named color.
#162825
#2C1620
#281A14
#0F1012
#59354A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Swamp Thing | #162825 | 22, 40, 37 | 170°, 29%, 12% | 45, 0, 7, 84 | |
| Black Cherry | #2C1620 | 44, 22, 32 | 333°, 33%, 13% | 0, 50, 27, 83 | |
| Tetsu-Guro Black | #281A14 | 40, 26, 20 | 18°, 33%, 12% | 0, 35, 50, 84 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Italian Plum | #59354A | 89, 53, 74 | 325°, 25%, 28% | 0, 40, 17, 65 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #59354A | 1.84:1 | — |
| Aa #2C1620 on #59354A | 1.64:1 | — |
| Aa #281A14 on #59354A | 1.63:1 | — |
| Aa #162825 on #59354A | 1.49:1 | — |
| Aa #162825 on #0F1012 | 1.24:1 | — |
| Aa #281A14 on #0F1012 | 1.13:1 | — |
CSS variables
:root {
--color-1: #162825; /* Swamp Thing */
--color-2: #2c1620; /* Black Cherry */
--color-3: #281a14; /* Tetsu-Guro Black */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #59354a; /* Italian Plum */
}Other schemes from Swamp Thing
- Swamp Thing Complementary Color Scheme#162825#3E645B#251B19#130D0D#663B43
- Swamp Thing Analogous Color Scheme#172713#1B2B1B#162825#102329#17182B
- Swamp Thing Triadic Color Scheme#162825#221122#2C201A#3A6960#150811
- Swamp Thing Tetradic Color Scheme#162825#17182B#251B19#222211#3A6960
- Swamp Thing Monochromatic Color Scheme#0F1012#0F1012#162825#315955#4D8681
More Very Dark Teal split-complementary palettes
- Abyssal Waters Split-complementary Color Scheme#005765#640125#664400#0E191C#B40441
- Black Box Split-complementary Color Scheme#0F282F#2F1212#332211#0C121B#6E2233
- Black Stallion Split-complementary Color Scheme#0E191C#1A1110#1B1811#0F1012#532934
- Botanical Night Split-complementary Color Scheme#12403C#43182F#442211#0F1519#7E2056
- Cape Verde Split-complementary Color Scheme#01554F#4C022F#552200#0E191C#A0025C
- Cold and Dark Split-complementary Color Scheme#154250#4C1C24#444411#0C121B#902A40
- Elite Teal Split-complementary Color Scheme#133337#3C1421#37290E#0F1519#752745
- Mosque Split-complementary Color Scheme#005F5B#5C0536#553300#0E191C#AA0055
- Raging Thunderstorm Split-complementary Color Scheme#004F63#680018#664400#0E191C#AC0132
- Rich Black Split-complementary Color Scheme#004040#420420#442200#0E191C#880044
- Royal Neptune Split-complementary Color Scheme#1C3B42#43182F#452C1F#0C121B#773344
- Sunken Harbour Split-complementary Color Scheme#1C3D44#43182F#4E3E1F#0C121B#7A2E4D
Questions
What colors go with Swamp Thing?
In a split-complementary scheme: Black Cherry (#2C1620), Tetsu-Guro Black (#281A14), Ruined Smores (#0F1012), Italian Plum (#59354A).
What is the hex code of Swamp Thing?
#162825.