Prince Charming Triadic Color Scheme
Five colors arranged by the triadic rule around Prince Charming (#CC2277), each snapped to its nearest named color.
#CC2277
#66CC22
#2277CC
#E86EAD
#549019
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prince Charming | #CC2277 | 204, 34, 119 | 330°, 71%, 47% | 0, 83, 42, 20 | |
| Green High | #66CC22 | 102, 204, 34 | 96°, 71%, 47% | 50, 0, 83, 20 | |
| Blue-Eyed Boy | #2277CC | 34, 119, 204 | 210°, 71%, 47% | 83, 42, 0, 20 | |
| Amaranth | #E86EAD | 232, 110, 173 | 329°, 73%, 67% | 0, 53, 25, 9 | |
| Vida Loca | #549019 | 84, 144, 25 | 90°, 70%, 33% | 42, 0, 83, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC2277 on #66CC22 | 2.52:1 | — |
| Aa #66CC22 on #2277CC | 2.23:1 | — |
| Aa #66CC22 on #549019 | 1.90:1 | — |
| Aa #CC2277 on #E86EAD | 1.79:1 | — |
| Aa #2277CC on #E86EAD | 1.59:1 | — |
| Aa #66CC22 on #E86EAD | 1.41:1 | — |
CSS variables
:root {
--color-1: #cc2277; /* Prince Charming */
--color-2: #66cc22; /* Green High */
--color-3: #2277cc; /* Blue-Eyed Boy */
--color-4: #e86ead; /* Amaranth */
--color-5: #549019; /* Vida Loca */
}Other schemes from Prince Charming
- Prince Charming Complementary Color Scheme#CC2277#EE66AA#21C36F#138859#66EEAA
- Prince Charming Analogous Color Scheme#7722CC#CC33CC#CC2277#CC2222#CC7722
- 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 triadic palettes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Prince Charming?
In a triadic scheme: Green High (#66CC22), Blue-Eyed Boy (#2277CC), Amaranth (#E86EAD), Vida Loca (#549019).
What is the hex code of Prince Charming?
#CC2277.