Violet Kiss Complementary Color Scheme
Five colors arranged by the complementary rule around Violet Kiss (#F0A0D1), each snapped to its nearest named color.
#F0A0D1
#FEE8F5
#A3EFB8
#58F898
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 | |
| Ultra Mint | #A3EFB8 | 163, 239, 184 | 137°, 70%, 79% | 32, 0, 23, 6 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0A0D1 on #E6FDF1 | 1.85:1 | — |
| Aa #F0A0D1 on #FEE8F5 | 1.70:1 | — |
| Aa #F0A0D1 on #A3EFB8 | 1.46:1 | — |
| Aa #F0A0D1 on #58F898 | 1.44:1 | — |
| Aa #58F898 on #E6FDF1 | 1.29:1 | — |
| Aa #A3EFB8 on #E6FDF1 | 1.26:1 | — |
CSS variables
:root {
--color-1: #f0a0d1; /* Violet Kiss */
--color-2: #fee8f5; /* Dolomite Crystal */
--color-3: #a3efb8; /* Ultra Mint */
--color-4: #58f898; /* Thallium Flame */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Violet Kiss
- 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
- Violet Kiss Monochromatic Color Scheme#CC2288#FF55AA#F0A0D1#FDE1F0#FEE8F5
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 Violet Kiss?
In a complementary scheme: Dolomite Crystal (#FEE8F5), Ultra Mint (#A3EFB8), Thallium Flame (#58F898), Mint Chiffon (#E6FDF1).
What is the hex code of Violet Kiss?
#F0A0D1.