Opal Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opal Green (#157954), each snapped to its nearest named color.
#157954
#771166
#772211
#09332C
#BB22AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Opal Green | #157954 | 21, 121, 84 | 158°, 70%, 28% | 83, 0, 31, 53 | 51.2% 0.105 162 | |
| Purple Curse | #771166 | 119, 17, 102 | 310°, 75%, 27% | 0, 86, 14, 53 | 39.7% 0.161 336 | |
| Tempered Chocolate | #772211 | 119, 34, 17 | 10°, 75%, 27% | 0, 71, 86, 53 | 38.5% 0.122 33 | |
| Fence Green | #09332C | 9, 51, 44 | 170°, 70%, 12% | 82, 0, 14, 80 | 29.1% 0.047 179 | |
| Amora Purple | #BB22AA | 187, 34, 170 | 307°, 69%, 43% | 0, 82, 9, 27 | 55.7% 0.229 334 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #09332C on #BB22AA | 2.58:1 | — |
| Aa #157954 on #09332C | 2.56:1 | — |
| Aa #772211 on #BB22AA | 1.94:1 | — |
| Aa #157954 on #772211 | 1.93:1 | — |
| Aa #771166 on #BB22AA | 1.91:1 | — |
| Aa #157954 on #771166 | 1.89:1 | — |
CSS variables
:root {
--color-1: #157954; /* Opal Green */
--color-2: #771166; /* Purple Curse */
--color-3: #772211; /* Tempered Chocolate */
--color-4: #09332c; /* Fence Green */
--color-5: #bb22aa; /* Amora Purple */
}Other schemes from Opal Green
- Opal Green Complementary Color Scheme#157954#23C48B#771133#330018#CC2266
- Opal Green Analogous Color Scheme#357911#12732B#157954#1A6C76#1C3378
- Opal Green Triadic Color Scheme#157954#540D6E#795419#22CC88#210837
- Opal Green Tetradic Color Scheme#157954#221177#771133#717910#22CC88
- Opal Green Monochromatic Color Scheme#001111#09332C#157954#22BB88#45CEA2
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 Opal Green?
In a split-complementary scheme: Purple Curse (#771166), Tempered Chocolate (#772211), Fence Green (#09332C), Amora Purple (#BB22AA).
What is the hex code of Opal Green?
#157954.