Lilac Lotion Complementary Color Scheme
Five colors arranged by the complementary rule around Lilac Lotion (#FF3388), each snapped to its nearest named color.
#FF3388
#FF88BB
#2AFEB7
#04F489
#99FFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Lotion | #FF3388 | 255, 51, 136 | 335°, 100%, 60% | 0, 80, 47, 0 | |
| Cochonnet | #FF88BB | 255, 136, 187 | 334°, 100%, 77% | 0, 47, 27, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Turquoise Green | #04F489 | 4, 244, 137 | 153°, 97%, 49% | 98, 0, 44, 4 | |
| Freezy Wind | #99FFDD | 153, 255, 221 | 160°, 100%, 80% | 40, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF3388 on #99FFDD | 2.91:1 | — |
| Aa #FF3388 on #2AFEB7 | 2.62:1 | — |
| Aa #FF3388 on #04F489 | 2.35:1 | — |
| Aa #FF88BB on #99FFDD | 1.87:1 | — |
| Aa #FF88BB on #2AFEB7 | 1.68:1 | — |
| Aa #FF3388 on #FF88BB | 1.56:1 | — |
CSS variables
:root {
--color-1: #ff3388; /* Lilac Lotion */
--color-2: #ff88bb; /* Cochonnet */
--color-3: #2afeb7; /* Greenish Cyan */
--color-4: #04f489; /* Turquoise Green */
--color-5: #99ffdd; /* Freezy Wind */
}Other schemes from Lilac Lotion
- 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 Tetradic Color Scheme#FF3388#EEFF33#2AFEB7#4433FF#FF99CC
- Lilac Lotion Monochromatic Color Scheme#990044#EE0066#FF3388#FF88BB#FBCCE7
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Lilac Lotion?
In a complementary scheme: Cochonnet (#FF88BB), Greenish Cyan (#2AFEB7), Turquoise Green (#04F489), Freezy Wind (#99FFDD).
What is the hex code of Lilac Lotion?
#FF3388.