Vivid Raspberry Complementary Color Scheme
Five colors arranged by the complementary rule around Vivid Raspberry (#FF006C), each snapped to its nearest named color.
#FF006C
#FF55A3
#00FA92
#00AB66
#6BFFB3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Raspberry | #FF006C | 255, 0, 108 | 335°, 100%, 50% | 0, 100, 58, 0 | |
| Magenta Crayon | #FF55A3 | 255, 85, 163 | 332°, 100%, 67% | 0, 67, 36, 0 | |
| Ahaetulla Prasina | #00FA92 | 0, 250, 146 | 155°, 100%, 49% | 100, 0, 42, 2 | |
| Go Green! | #00AB66 | 0, 171, 102 | 156°, 100%, 34% | 100, 0, 40, 33 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF006C on #6BFFB3 | 3.03:1 | AA large |
| Aa #FF006C on #00FA92 | 2.76:1 | — |
| Aa #00AB66 on #6BFFB3 | 2.36:1 | — |
| Aa #FF55A3 on #6BFFB3 | 2.34:1 | — |
| Aa #00FA92 on #00AB66 | 2.15:1 | — |
| Aa #FF55A3 on #00FA92 | 2.13:1 | — |
CSS variables
:root {
--color-1: #ff006c; /* Vivid Raspberry */
--color-2: #ff55a3; /* Magenta Crayon */
--color-3: #00fa92; /* Ahaetulla Prasina */
--color-4: #00ab66; /* Go Green! */
--color-5: #6bffb3; /* Venice Green */
}Other schemes from Vivid Raspberry
- Vivid Raspberry Analogous Color Scheme#9500FF#FF08E8#FF006C#FF1500#FF9300
- Vivid Raspberry Triadic Color Scheme#FF006C#66FF00#0070FF#FF69AF#55BB00
- Vivid Raspberry Split-complementary Color Scheme#FF006C#00FF11#00EBFF#B00149#53FE5C
- Vivid Raspberry Tetradic Color Scheme#FF006C#EEFF00#00FA92#1600FC#FF69AF
- Vivid Raspberry Monochromatic Color Scheme#640125#B00149#FF006C#FF5599#FF99CC
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Vivid Raspberry?
In a complementary scheme: Magenta Crayon (#FF55A3), Ahaetulla Prasina (#00FA92), Go Green! (#00AB66), Venice Green (#6BFFB3).
What is the hex code of Vivid Raspberry?
#FF006C.