Prince Charming Complementary Color Scheme
Five colors arranged by the complementary rule around Prince Charming (#CC2277), each snapped to its nearest named color.
#CC2277
#EE66AA
#21C36F
#138859
#66EEAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prince Charming | #CC2277 | 204, 34, 119 | 330°, 71%, 47% | 0, 83, 42, 20 | |
| Fugitive Flamingo | #EE66AA | 238, 102, 170 | 330°, 80%, 67% | 0, 57, 29, 7 | |
| Algal Fuel | #21C36F | 33, 195, 111 | 149°, 71%, 45% | 83, 0, 43, 24 | |
| Vital Green | #138859 | 19, 136, 89 | 156°, 75%, 30% | 86, 0, 35, 47 | |
| Screen Glow | #66EEAA | 102, 238, 170 | 150°, 80%, 67% | 57, 0, 29, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC2277 on #66EEAA | 3.54:1 | AA large |
| Aa #138859 on #66EEAA | 3.06:1 | AA large |
| Aa #CC2277 on #21C36F | 2.24:1 | — |
| Aa #EE66AA on #66EEAA | 2.02:1 | — |
| Aa #21C36F on #138859 | 1.94:1 | — |
| Aa #CC2277 on #EE66AA | 1.75:1 | — |
CSS variables
:root {
--color-1: #cc2277; /* Prince Charming */
--color-2: #ee66aa; /* Fugitive Flamingo */
--color-3: #21c36f; /* Algal Fuel */
--color-4: #138859; /* Vital Green */
--color-5: #66eeaa; /* Screen Glow */
}Other schemes from Prince Charming
- Prince Charming Analogous Color Scheme#7722CC#CC33CC#CC2277#CC2222#CC7722
- Prince Charming Triadic Color Scheme#CC2277#66CC22#2277CC#E86EAD#549019
- Prince Charming Split-complementary Color Scheme#CC2277#24D427#22CCCC#941751#43E85F
- Prince Charming Tetradic Color Scheme#CC2277#C6D624#21C36F#243BCD#E86EAD
- Prince Charming Monochromatic Color Scheme#441122#941751#CC2277#E25098#EC9DC3
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 Prince Charming?
In a complementary scheme: Fugitive Flamingo (#EE66AA), Algal Fuel (#21C36F), Vital Green (#138859), Screen Glow (#66EEAA).
What is the hex code of Prince Charming?
#CC2277.