Broccoli Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Broccoli Green (#4B5338), each snapped to its nearest named color.
#4B5338
#343E54
#4F3357
#222211
#515B87
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Broccoli Green | #4B5338 | 75, 83, 56 | 78°, 19%, 27% | 10, 0, 33, 67 | |
| Black River Falls | #343E54 | 52, 62, 84 | 221°, 24%, 27% | 38, 26, 0, 67 | |
| Blackberry Cordial | #4F3357 | 79, 51, 87 | 287°, 26%, 27% | 9, 41, 0, 66 | |
| Black Mesa | #222211 | 34, 34, 17 | 60°, 33%, 10% | 0, 0, 50, 87 | |
| Marlin | #515B87 | 81, 91, 135 | 229°, 25%, 42% | 40, 33, 0, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #222211 on #515B87 | 2.45:1 | — |
| Aa #4B5338 on #222211 | 1.99:1 | — |
| Aa #4F3357 on #515B87 | 1.64:1 | — |
| Aa #343E54 on #515B87 | 1.63:1 | — |
| Aa #343E54 on #222211 | 1.50:1 | — |
| Aa #4F3357 on #222211 | 1.49:1 | — |
CSS variables
:root {
--color-1: #4b5338; /* Broccoli Green */
--color-2: #343e54; /* Black River Falls */
--color-3: #4f3357; /* Blackberry Cordial */
--color-4: #222211; /* Black Mesa */
--color-5: #515b87; /* Marlin */
}Other schemes from Broccoli Green
- Broccoli Green Complementary Color Scheme#4B5338#7D8C55#3D3354#181B26#6C5D97
- Broccoli Green Analogous Color Scheme#563E31#574D35#4B5338#3B593A#34533D
- Broccoli Green Triadic Color Scheme#4B5338#344D56#59354A#849457#102329
- Broccoli Green Tetradic Color Scheme#4B5338#36574E#3D3354#54383B#849457
- Broccoli Green Monochromatic Color Scheme#12110E#21211D#4B5338#708157#9AA77C
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 Broccoli Green?
In a split-complementary scheme: Black River Falls (#343E54), Blackberry Cordial (#4F3357), Black Mesa (#222211), Marlin (#515B87).
What is the hex code of Broccoli Green?
#4B5338.