Opulent Lime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opulent Lime (#88DD11), each snapped to its nearest named color.
#88DD11
#0022DD
#DD11DD
#5C8B15
#4D5AF3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opulent Lime | #88DD11 | 136, 221, 17 | 85°, 86%, 47% | 38, 0, 92, 13 | |
| Brutally Blue | #0022DD | 0, 34, 221 | 231°, 100%, 43% | 100, 85, 0, 13 | |
| Drunk-Tank Pink | #DD11DD | 221, 17, 221 | 300°, 86%, 47% | 0, 92, 0, 13 | |
| Sap Green | #5C8B15 | 92, 139, 21 | 84°, 74%, 31% | 34, 0, 85, 45 | |
| Aquarius Mood Indigo | #4D5AF3 | 77, 90, 243 | 235°, 87%, 63% | 68, 63, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88DD11 on #0022DD | 5.45:1 | AA |
| Aa #88DD11 on #4D5AF3 | 3.04:1 | AA large |
| Aa #88DD11 on #5C8B15 | 2.40:1 | — |
| Aa #88DD11 on #DD11DD | 2.38:1 | — |
| Aa #0022DD on #DD11DD | 2.29:1 | — |
| Aa #0022DD on #5C8B15 | 2.27:1 | — |
CSS variables
:root {
--color-1: #88dd11; /* Opulent Lime */
--color-2: #0022dd; /* Brutally Blue */
--color-3: #dd11dd; /* Drunk-Tank Pink */
--color-4: #5c8b15; /* Sap Green */
--color-5: #4d5af3; /* Aquarius Mood Indigo */
}Other schemes from Opulent Lime
- Opulent Lime Complementary Color Scheme#88DD11#B2EC5D#7711DD#440099#8866FF
- Opulent Lime Analogous Color Scheme#DD6611#DDCC11#88DD11#22DD00#11DD66
- Opulent Lime Triadic Color Scheme#88DD11#0088DC#DD1188#BEEF69#165D95
- Opulent Lime Tetradic Color Scheme#88DD11#00DDCC#7711DD#DD1122#BEEF69
- Opulent Lime Monochromatic Color Scheme#35530A#5C8B15#88DD11#A6FD44#C0FA8B
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Opulent Lime?
In a split-complementary scheme: Brutally Blue (#0022DD), Drunk-Tank Pink (#DD11DD), Sap Green (#5C8B15), Aquarius Mood Indigo (#4D5AF3).
What is the hex code of Opulent Lime?
#88DD11.