Juicy Lime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Juicy Lime (#B1CF5D), each snapped to its nearest named color.
#B1CF5D
#5D76CB
#BA55D3
#8DA936
#88ACE0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Juicy Lime | #B1CF5D | 177, 207, 93 | 76°, 54%, 59% | 14, 0, 55, 19 | 80.9% 0.145 122 | |
| Indigo Light | #5D76CB | 93, 118, 203 | 226°, 51%, 58% | 54, 42, 0, 20 | 58.6% 0.133 270 | |
| Medium Orchid | #BA55D3 | 186, 85, 211 | 288°, 59%, 58% | 12, 60, 0, 17 | 62.6% 0.202 319 | |
| Beautiful Mint | #8DA936 | 141, 169, 54 | 75°, 52%, 44% | 17, 0, 68, 34 | 69.1% 0.143 122 | |
| Queer Blue | #88ACE0 | 136, 172, 224 | 215°, 59%, 71% | 39, 23, 0, 12 | 73.7% 0.086 258 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1CF5D on #5D76CB | 2.43:1 | — |
| Aa #B1CF5D on #BA55D3 | 2.24:1 | — |
| Aa #5D76CB on #88ACE0 | 1.83:1 | — |
| Aa #BA55D3 on #88ACE0 | 1.69:1 | — |
| Aa #5D76CB on #8DA936 | 1.60:1 | — |
| Aa #B1CF5D on #8DA936 | 1.52:1 | — |
CSS variables
:root {
--color-1: #b1cf5d; /* Juicy Lime */
--color-2: #5d76cb; /* Indigo Light */
--color-3: #ba55d3; /* Medium Orchid */
--color-4: #8da936; /* Beautiful Mint */
--color-5: #88ace0; /* Queer Blue */
}Other schemes from Juicy Lime
- Juicy Lime Complementary Color Scheme#B1CF5D#D9E6A6#6D5ACF#5930A9#ACACE6
- Juicy Lime Analogous Color Scheme#CC7E5B#D0B25C#B1CF5D#79C753#50C87C
- Juicy Lime Triadic Color Scheme#B1CF5D#5DAFCE#CE5DAE#DDE7AE#338DAE
- Juicy Lime Tetradic Color Scheme#B1CF5D#58CEB2#6D5ACF#D35D7D#DDE7AE
- Juicy Lime Monochromatic Color Scheme#50702D#8DA936#B1CF5D#D4E092#ECF4D2
More medium green split-complementary color schemes
- 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 Juicy Lime?
In a split-complementary scheme: Indigo Light (#5D76CB), Medium Orchid (#BA55D3), Beautiful Mint (#8DA936), Queer Blue (#88ACE0).
What is the hex code of Juicy Lime?
#B1CF5D.