Lilac Lotion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lilac Lotion (#FF3388), each snapped to its nearest named color.
#FF3388
#2DFE54
#22EEFF
#EE0066
#94FF94
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Lotion | #FF3388 | 255, 51, 136 | 335°, 100%, 60% | 0, 80, 47, 0 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | |
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | |
| Bourgeois | #EE0066 | 238, 0, 102 | 334°, 100%, 47% | 0, 100, 57, 7 | |
| Cobalt Green | #94FF94 | 148, 255, 148 | 120°, 100%, 79% | 42, 0, 42, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE0066 on #94FF94 | 3.52:1 | AA large |
| Aa #2DFE54 on #EE0066 | 3.19:1 | AA large |
| Aa #22EEFF on #EE0066 | 3.05:1 | AA large |
| Aa #FF3388 on #94FF94 | 2.79:1 | — |
| Aa #FF3388 on #2DFE54 | 2.54:1 | — |
| Aa #FF3388 on #22EEFF | 2.42:1 | — |
CSS variables
:root {
--color-1: #ff3388; /* Lilac Lotion */
--color-2: #2dfe54; /* Bright Light Green */
--color-3: #22eeff; /* Sparky Blue */
--color-4: #ee0066; /* Bourgeois */
--color-5: #94ff94; /* Cobalt Green */
}Other schemes from Lilac Lotion
- Lilac Lotion Complementary Color Scheme#FF3388#FF88BB#2AFEB7#04F489#99FFDD
- Lilac Lotion Analogous Color Scheme#AA33EE#FF33EE#FF3388#FF4433#FFAA33
- Lilac Lotion Triadic Color Scheme#FF3388#87FF2A#3E82FC#FF99CC#66EE00
- Lilac Lotion Tetradic Color Scheme#FF3388#EEFF33#2AFEB7#4433FF#FF99CC
- Lilac Lotion Monochromatic Color Scheme#990044#EE0066#FF3388#FF88BB#FBCCE7
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Lilac Lotion?
In a split-complementary scheme: Bright Light Green (#2DFE54), Sparky Blue (#22EEFF), Bourgeois (#EE0066), Cobalt Green (#94FF94).
What is the hex code of Lilac Lotion?
#FF3388.