Lilac Lotion Triadic Color Scheme
Five colors arranged by the triadic rule around Lilac Lotion (#FF3388), each snapped to its nearest named color.
#FF3388
#87FF2A
#3E82FC
#FF99CC
#66EE00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Lotion | #FF3388 | 255, 51, 136 | 335°, 100%, 60% | 0, 80, 47, 0 | |
| Spring Frost | #87FF2A | 135, 255, 42 | 94°, 100%, 58% | 47, 0, 84, 0 | |
| Dodger Blue | #3E82FC | 62, 130, 252 | 219°, 97%, 62% | 75, 48, 0, 1 | |
| Himalayan Balsam | #FF99CC | 255, 153, 204 | 330°, 100%, 80% | 0, 40, 20, 0 | |
| Sparkling Green | #66EE00 | 102, 238, 0 | 94°, 100%, 47% | 57, 0, 100, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #87FF2A on #3E82FC | 2.82:1 | — |
| Aa #FF3388 on #87FF2A | 2.69:1 | — |
| Aa #3E82FC on #66EE00 | 2.38:1 | — |
| Aa #FF3388 on #66EE00 | 2.27:1 | — |
| Aa #3E82FC on #FF99CC | 1.84:1 | — |
| Aa #FF3388 on #FF99CC | 1.76:1 | — |
CSS variables
:root {
--color-1: #ff3388; /* Lilac Lotion */
--color-2: #87ff2a; /* Spring Frost */
--color-3: #3e82fc; /* Dodger Blue */
--color-4: #ff99cc; /* Himalayan Balsam */
--color-5: #66ee00; /* Sparkling 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 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 triadic palettes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Lilac Lotion?
In a triadic scheme: Spring Frost (#87FF2A), Dodger Blue (#3E82FC), Himalayan Balsam (#FF99CC), Sparkling Green (#66EE00).
What is the hex code of Lilac Lotion?
#FF3388.