Violet Kiss Triadic Color Scheme
Five colors arranged by the triadic rule around Violet Kiss (#F0A0D1), each snapped to its nearest named color.
#F0A0D1
#CEE9A0
#A0D1EC
#FEE8F5
#B2EC5D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 | |
| Crystal Apple | #CEE9A0 | 206, 233, 160 | 82°, 62%, 77% | 12, 0, 31, 9 | |
| Sonic Sky | #A0D1EC | 160, 209, 236 | 201°, 67%, 78% | 32, 11, 0, 7 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 | |
| Inchworm | #B2EC5D | 178, 236, 93 | 84°, 79%, 65% | 25, 0, 61, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0A0D1 on #FEE8F5 | 1.70:1 | — |
| Aa #F0A0D1 on #CEE9A0 | 1.48:1 | — |
| Aa #F0A0D1 on #B2EC5D | 1.41:1 | — |
| Aa #A0D1EC on #FEE8F5 | 1.41:1 | — |
| Aa #CEE9A0 on #A0D1EC | 1.23:1 | — |
| Aa #F0A0D1 on #A0D1EC | 1.20:1 | — |
CSS variables
:root {
--color-1: #f0a0d1; /* Violet Kiss */
--color-2: #cee9a0; /* Crystal Apple */
--color-3: #a0d1ec; /* Sonic Sky */
--color-4: #fee8f5; /* Dolomite Crystal */
--color-5: #b2ec5d; /* Inchworm */
}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 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 triadic palettes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Violet Kiss?
In a triadic scheme: Crystal Apple (#CEE9A0), Sonic Sky (#A0D1EC), Dolomite Crystal (#FEE8F5), Inchworm (#B2EC5D).
What is the hex code of Violet Kiss?
#F0A0D1.