Violet Kiss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Kiss (#F0A0D1), each snapped to its nearest named color.
#F0A0D1
#AAEEAA
#ABF5ED
#FF55AA
#E9F6E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 | |
| Frosted Hills | #AAEEAA | 170, 238, 170 | 120°, 67%, 80% | 29, 0, 29, 7 | |
| Pale King’s Blue | #ABF5ED | 171, 245, 237 | 174°, 79%, 82% | 30, 0, 3, 4 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 | |
| Homoeopathic Lime | #E9F6E2 | 233, 246, 226 | 99°, 53%, 93% | 5, 0, 8, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF55AA on #E9F6E2 | 2.63:1 | — |
| Aa #ABF5ED on #FF55AA | 2.39:1 | — |
| Aa #AAEEAA on #FF55AA | 2.18:1 | — |
| Aa #F0A0D1 on #E9F6E2 | 1.76:1 | — |
| Aa #F0A0D1 on #ABF5ED | 1.60:1 | — |
| Aa #F0A0D1 on #FF55AA | 1.49:1 | — |
CSS variables
:root {
--color-1: #f0a0d1; /* Violet Kiss */
--color-2: #aaeeaa; /* Frosted Hills */
--color-3: #abf5ed; /* Pale King’s Blue */
--color-4: #ff55aa; /* Pink Katydid */
--color-5: #e9f6e2; /* Homoeopathic Lime */
}Other schemes from Violet Kiss
- Violet Kiss Complementary Color Scheme#F0A0D1#FEE8F5#A3EFB8#58F898#E6FDF1
- Violet Kiss Analogous Color Scheme#ACACE6#EEAAEE#F0A0D1#EEA0A6#F2BDA2
- Violet Kiss Triadic Color Scheme#F0A0D1#CEE9A0#A0D1EC#FEE8F5#B2EC5D
- Violet Kiss Tetradic Color Scheme#F0A0D1#F0E5A4#A3EFB8#A3B1F2#FEE8F5
- Violet Kiss Monochromatic Color Scheme#CC2288#FF55AA#F0A0D1#FDE1F0#FEE8F5
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 Kiss?
In a split-complementary scheme: Frosted Hills (#AAEEAA), Pale King’s Blue (#ABF5ED), Pink Katydid (#FF55AA), Homoeopathic Lime (#E9F6E2).
What is the hex code of Violet Kiss?
#F0A0D1.