Cypress Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cypress (#585D40), each snapped to its nearest named color.
#585D40
#3A4A62
#583563
#2F2E1F
#5B6E91
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cypress | #585D40 | 88, 93, 64 | 70°, 18%, 31% | 5, 0, 31, 64 | |
| Evening Glory | #3A4A62 | 58, 74, 98 | 216°, 26%, 31% | 41, 24, 0, 62 | |
| Damson Mauve | #583563 | 88, 53, 99 | 286°, 30%, 30% | 11, 46, 0, 61 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Waikawa Grey | #5B6E91 | 91, 110, 145 | 219°, 23%, 46% | 37, 24, 0, 43 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F2E1F on #5B6E91 | 2.67:1 | — |
| Aa #585D40 on #2F2E1F | 1.99:1 | — |
| Aa #583563 on #5B6E91 | 1.94:1 | — |
| Aa #3A4A62 on #5B6E91 | 1.75:1 | — |
| Aa #3A4A62 on #2F2E1F | 1.53:1 | — |
| Aa #585D40 on #583563 | 1.45:1 | — |
CSS variables
:root {
--color-1: #585d40; /* Cypress */
--color-2: #3a4a62; /* Evening Glory */
--color-3: #583563; /* Damson Mauve */
--color-4: #2f2e1f; /* Metal Construction Green */
--color-5: #5b6e91; /* Waikawa Grey */
}Other schemes from Cypress
- Cypress Complementary Color Scheme#585D40#8F9B5B#463F60#281F3F#6F63A0
- Cypress Analogous Color Scheme#63403A#665439#585D40#4A623B#336644
- Cypress Triadic Color Scheme#585D40#3B5964#613A57#95A263#193232
- Cypress Tetradic Color Scheme#585D40#3E6252#463F60#643A48#95A263
- Cypress Monochromatic Color Scheme#12110E#2E3222#585D40#80905F#A5AF89
More Dark Green split-complementary palettes
- 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 Cypress?
In a split-complementary scheme: Evening Glory (#3A4A62), Damson Mauve (#583563), Metal Construction Green (#2F2E1F), Waikawa Grey (#5B6E91).
What is the hex code of Cypress?
#585D40.