Lilac Lotion Tetradic Color Scheme
Five colors arranged by the tetradic rule around Lilac Lotion (#FF3388), each snapped to its nearest named color.
#FF3388
#EEFF33
#2AFEB7
#4433FF
#FF99CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Lotion | #FF3388 | 255, 51, 136 | 335°, 100%, 60% | 0, 80, 47, 0 | |
| Pickled Pineapple | #EEFF33 | 238, 255, 51 | 65°, 100%, 60% | 7, 0, 80, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Ultra Indigo | #4433FF | 68, 51, 255 | 245°, 100%, 60% | 73, 80, 0, 0 | |
| Himalayan Balsam | #FF99CC | 255, 153, 204 | 330°, 100%, 80% | 0, 40, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEFF33 on #4433FF | 6.00:1 | AA |
| Aa #2AFEB7 on #4433FF | 5.05:1 | AA |
| Aa #4433FF on #FF99CC | 3.38:1 | AA large |
| Aa #FF3388 on #EEFF33 | 3.12:1 | AA large |
| Aa #FF3388 on #2AFEB7 | 2.62:1 | — |
| Aa #FF3388 on #4433FF | 1.92:1 | — |
CSS variables
:root {
--color-1: #ff3388; /* Lilac Lotion */
--color-2: #eeff33; /* Pickled Pineapple */
--color-3: #2afeb7; /* Greenish Cyan */
--color-4: #4433ff; /* Ultra Indigo */
--color-5: #ff99cc; /* Himalayan Balsam */
}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 Split-complementary Color Scheme#FF3388#2DFE54#22EEFF#EE0066#94FF94
- Lilac Lotion Monochromatic Color Scheme#990044#EE0066#FF3388#FF88BB#FBCCE7
More Light Pink tetradic palettes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Lilac Lotion?
In a tetradic scheme: Pickled Pineapple (#EEFF33), Greenish Cyan (#2AFEB7), Ultra Indigo (#4433FF), Himalayan Balsam (#FF99CC).
What is the hex code of Lilac Lotion?
#FF3388.