Violet Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Pink (#FB5FFC), each snapped to its nearest named color.
#FB5FFC
#AAFF55
#55FFAA
#FF11FF
#DDFFAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Pink | #FB5FFC | 251, 95, 252 | 300°, 96%, 68% | 0, 62, 0, 1 | |
| Irradiated Green | #AAFF55 | 170, 255, 85 | 90°, 100%, 67% | 33, 0, 67, 0 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 | |
| Fresh Neon Pink | #FF11FF | 255, 17, 255 | 300°, 100%, 53% | 0, 93, 0, 0 | |
| Lime Mist | #DDFFAA | 221, 255, 170 | 84°, 100%, 83% | 13, 0, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF11FF on #DDFFAA | 2.80:1 | — |
| Aa #AAFF55 on #FF11FF | 2.53:1 | — |
| Aa #55FFAA on #FF11FF | 2.40:1 | — |
| Aa #FB5FFC on #DDFFAA | 2.33:1 | — |
| Aa #FB5FFC on #AAFF55 | 2.11:1 | — |
| Aa #FB5FFC on #55FFAA | 2.00:1 | — |
CSS variables
:root {
--color-1: #fb5ffc; /* Violet Pink */
--color-2: #aaff55; /* Irradiated Green */
--color-3: #55ffaa; /* Hanuman Green */
--color-4: #ff11ff; /* Fresh Neon Pink */
--color-5: #ddffaa; /* Lime Mist */
}Other schemes from Violet Pink
- Violet Pink Complementary Color Scheme#FB5FFC#FFBBFF#66FF55#11FF11#C1FDC9
- Violet Pink Analogous Color Scheme#5566FF#A55AF4#FB5FFC#FF55AA#F25F66
- Violet Pink Triadic Color Scheme#FB5FFC#FCFC5D#56FFFF#FFCCFF#FFF917
- Violet Pink Tetradic Color Scheme#FB5FFC#FFB05F#66FF55#5DB3FF#FFCCFF
- Violet Pink Monochromatic Color Scheme#BB00BB#FF11FF#FB5FFC#FFAAFF#FFEBFE
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 Violet Pink?
In a split-complementary scheme: Irradiated Green (#AAFF55), Hanuman Green (#55FFAA), Fresh Neon Pink (#FF11FF), Lime Mist (#DDFFAA).
What is the hex code of Violet Pink?
#FB5FFC.