Turf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Turf (#415B36), each snapped to its nearest named color.
#415B36
#3D325D
#5D3954
#1B2B1B
#5E548D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Turf | #415B36 | 65, 91, 54 | 102°, 26%, 28% | 29, 0, 41, 64 | 44.0% 0.066 137 | |
| Jakarta Skyline | #3D325D | 61, 50, 93 | 255°, 30%, 28% | 34, 46, 0, 64 | 35.0% 0.074 294 | |
| Bruised Bear | #5D3954 | 93, 57, 84 | 315°, 24%, 29% | 0, 39, 10, 64 | 39.7% 0.065 336 | |
| Kuro Green | #1B2B1B | 27, 43, 27 | 120°, 23%, 14% | 37, 0, 37, 83 | 26.9% 0.036 144 | |
| Fine Purple | #5E548D | 94, 84, 141 | 251°, 25%, 44% | 33, 40, 0, 45 | 48.1% 0.090 291 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1B2B1B on #5E548D | 2.22:1 | — |
| Aa #415B36 on #1B2B1B | 1.97:1 | — |
| Aa #3D325D on #5E548D | 1.73:1 | — |
| Aa #5D3954 on #1B2B1B | 1.55:1 | — |
| Aa #415B36 on #3D325D | 1.53:1 | — |
| Aa #5D3954 on #5E548D | 1.44:1 | — |
CSS variables
:root {
--color-1: #415b36; /* Turf */
--color-2: #3d325d; /* Jakarta Skyline */
--color-3: #5d3954; /* Bruised Bear */
--color-4: #1b2b1b; /* Kuro Green */
--color-5: #5e548d; /* Fine Purple */
}Other schemes from Turf
- Turf Complementary Color Scheme#415B36#69905B#533958#201B20#875F9A
- Turf Analogous Color Scheme#5D4F39#505A39#415B36#355E3B#355D51
- Turf Triadic Color Scheme#415B36#334159#5A3940#6A9D5D#181B26
- Turf Tetradic Color Scheme#415B36#38515D#533958#5B3D34#6A9D5D
- Turf Monochromatic Color Scheme#12110E#1B2B1B#415B36#618A4D#8AAE7C
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 Turf?
In a split-complementary scheme: Jakarta Skyline (#3D325D), Bruised Bear (#5D3954), Kuro Green (#1B2B1B), Fine Purple (#5E548D).
What is the hex code of Turf?
#415B36.