Moss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moss (#009051), each snapped to its nearest named color.
#009051
#8B008B
#890A01
#014426
#DD00CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moss | #009051 | 0, 144, 81 | 154°, 100%, 28% | 100, 0, 44, 44 | 57.4% 0.142 155 | |
| Dark Magenta | #8B008B | 139, 0, 139 | 300°, 100%, 27% | 0, 100, 0, 45 | 44.7% 0.205 328 | |
| Roasted Pepper | #890A01 | 137, 10, 1 | 4°, 99%, 27% | 0, 93, 99, 46 | 40.0% 0.158 30 | |
| Lost in the Woods | #014426 | 1, 68, 38 | 153°, 97%, 14% | 99, 0, 44, 73 | 34.0% 0.081 157 | |
| Passionate Pink | #DD00CC | 221, 0, 204 | 305°, 100%, 43% | 0, 100, 8, 13 | 62.0% 0.279 333 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #009051 on #014426 | 2.75:1 | — |
| Aa #014426 on #DD00CC | 2.66:1 | — |
| Aa #009051 on #890A01 | 2.42:1 | — |
| Aa #890A01 on #DD00CC | 2.35:1 | — |
| Aa #009051 on #8B008B | 2.07:1 | — |
| Aa #8B008B on #DD00CC | 2.00:1 | — |
CSS variables
:root {
--color-1: #009051; /* Moss */
--color-2: #8b008b; /* Dark Magenta */
--color-3: #890a01; /* Roasted Pepper */
--color-4: #014426; /* Lost in the Woods */
--color-5: #dd00cc; /* Passionate Pink */
}Other schemes from Moss
- Moss Complementary Color Scheme#009051#04F489#8F003A#440011#F9006F
- Moss Analogous Color Scheme#3C8D0D#009000#009051#00878F#063C89
- Moss Triadic Color Scheme#009051#5E0092#905100#04F489#220044
- Moss Tetradic Color Scheme#009051#00008B#8F003A#929000#04F489
- Moss Monochromatic Color Scheme#001111#014426#009051#00D973#2AFEB7
More dark green split-complementary color schemes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Moss?
In a split-complementary scheme: Dark Magenta (#8B008B), Roasted Pepper (#890A01), Lost in the Woods (#014426), Passionate Pink (#DD00CC).
What is the hex code of Moss?
#009051.