Violet Kiss Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Violet Kiss (#F0A0D1), each snapped to its nearest named color.
#CC2288
#FF55AA
#F0A0D1
#FDE1F0
#FEE8F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Heart Kiwi | #CC2288 | 204, 34, 136 | 324°, 71%, 47% | 0, 83, 33, 20 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 | |
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 | |
| Pale Blossom | #FDE1F0 | 253, 225, 240 | 328°, 88%, 94% | 0, 11, 5, 1 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC2288 on #FEE8F5 | 4.35:1 | AA large |
| Aa #CC2288 on #FDE1F0 | 4.14:1 | AA large |
| Aa #CC2288 on #F0A0D1 | 2.57:1 | — |
| Aa #FF55AA on #FEE8F5 | 2.53:1 | — |
| Aa #FF55AA on #FDE1F0 | 2.41:1 | — |
| Aa #CC2288 on #FF55AA | 1.72:1 | — |
CSS variables
:root {
--color-1: #cc2288; /* Purple Heart Kiwi */
--color-2: #ff55aa; /* Pink Katydid */
--color-3: #f0a0d1; /* Violet Kiss */
--color-4: #fde1f0; /* Pale Blossom */
--color-5: #fee8f5; /* Dolomite Crystal */
}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 Split-complementary Color Scheme#F0A0D1#AAEEAA#ABF5ED#FF55AA#E9F6E2
- Violet Kiss Tetradic Color Scheme#F0A0D1#F0E5A4#A3EFB8#A3B1F2#FEE8F5
More Light Pink monochromatic palettes
- Always Rosey Monochromatic Color Scheme#B62758#DC6080#E79DB3#F5DAE3#F8EAED
- Atomic Pink Monochromatic Color Scheme#CC00DD#FF33FF#FB7EFD#FFCCFF#FFEBFE
- Avant-Garde Pink Monochromatic Color Scheme#DD00CC#FF2FEB#FF77EE#FCCCF5#FFEBFE
- Barbiecore Monochromatic Color Scheme#871F78#C920B0#E15ACB#EB94DA#F4DAF1
- Blush d’Amour Monochromatic Color Scheme#8C1B3C#C92351#DE5D83#EA9FB4#F9DCE3
- Blushing Sky Monochromatic Color Scheme#A24D8F#CD7DB5#D9B1D6#EFE2F2#F8EEF4
- Bubblegum Monochromatic Color Scheme#EE00EE#FF33FF#FF85FF#FED0FC#FFEBFE
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
- Bubblegum Kisses Monochromatic Color Scheme#CC1A97#F246A7#F092D6#F9D7EE#FEE8F5
- Candy Floss Monochromatic Color Scheme#C034AF#DA70D6#E8A7E2#F6E5F6#FCEBFA
- Candy Pink Monochromatic Color Scheme#CC11BB#FF1DCE#FF63E9#FFB2F0#FEE8F5
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
Questions
What colors go with Violet Kiss?
In a monochromatic scheme: Purple Heart Kiwi (#CC2288), Pink Katydid (#FF55AA), Pale Blossom (#FDE1F0), Dolomite Crystal (#FEE8F5).
What is the hex code of Violet Kiss?
#F0A0D1.