Violet Kiss Tetradic Color Scheme
Five colors arranged by the tetradic rule around Violet Kiss (#F0A0D1), each snapped to its nearest named color.
#F0A0D1
#F0E5A4
#A3EFB8
#A3B1F2
#FEE8F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 | |
| Laughing Liam | #F0E5A4 | 240, 229, 164 | 51°, 72%, 79% | 0, 5, 32, 6 | |
| Ultra Mint | #A3EFB8 | 163, 239, 184 | 137°, 70%, 79% | 32, 0, 23, 6 | |
| Wondrous Wisteria | #A3B1F2 | 163, 177, 242 | 229°, 75%, 79% | 33, 27, 0, 5 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A3B1F2 on #FEE8F5 | 1.78:1 | — |
| Aa #F0A0D1 on #FEE8F5 | 1.70:1 | — |
| Aa #F0E5A4 on #A3B1F2 | 1.62:1 | — |
| Aa #F0A0D1 on #F0E5A4 | 1.54:1 | — |
| Aa #A3EFB8 on #A3B1F2 | 1.54:1 | — |
| Aa #F0A0D1 on #A3EFB8 | 1.46:1 | — |
CSS variables
:root {
--color-1: #f0a0d1; /* Violet Kiss */
--color-2: #f0e5a4; /* Laughing Liam */
--color-3: #a3efb8; /* Ultra Mint */
--color-4: #a3b1f2; /* Wondrous Wisteria */
--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 Monochromatic Color Scheme#CC2288#FF55AA#F0A0D1#FDE1F0#FEE8F5
More Light Pink tetradic palettes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Violet Kiss?
In a tetradic scheme: Laughing Liam (#F0E5A4), Ultra Mint (#A3EFB8), Wondrous Wisteria (#A3B1F2), Dolomite Crystal (#FEE8F5).
What is the hex code of Violet Kiss?
#F0A0D1.