Prince Charming Analogous Color Scheme
Five colors arranged by the analogous rule around Prince Charming (#CC2277), each snapped to its nearest named color.
#7722CC
#CC33CC
#CC2277
#CC2222
#CC7722
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Puissant Purple | #7722CC | 119, 34, 204 | 270°, 71%, 47% | 42, 83, 0, 20 | 48.5% 0.234 300 | |
| Steel Pink | #CC33CC | 204, 51, 204 | 300°, 60%, 50% | 0, 75, 0, 20 | 61.3% 0.246 328 | |
| Prince Charming | #CC2277 | 204, 34, 119 | 330°, 71%, 47% | 0, 83, 42, 20 | 56.3% 0.211 357 | |
| Lionheart | #CC2222 | 204, 34, 34 | 0°, 71%, 47% | 0, 83, 83, 20 | 54.5% 0.204 27 | |
| Ochre | #CC7722 | 204, 119, 34 | 30°, 71%, 47% | 0, 42, 83, 20 | 65.0% 0.140 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7722CC on #CC7722 | 2.16:1 | — |
| Aa #7722CC on #CC33CC | 1.70:1 | — |
| Aa #CC2222 on #CC7722 | 1.63:1 | — |
| Aa #CC2277 on #CC7722 | 1.53:1 | — |
| Aa #7722CC on #CC2277 | 1.41:1 | — |
| Aa #7722CC on #CC2222 | 1.32:1 | — |
CSS variables
:root {
--color-1: #7722cc; /* Puissant Purple */
--color-2: #cc33cc; /* Steel Pink */
--color-3: #cc2277; /* Prince Charming */
--color-4: #cc2222; /* Lionheart */
--color-5: #cc7722; /* Ochre */
}Other schemes from Prince Charming
- Prince Charming Complementary Color Scheme#CC2277#EE66AA#21C36F#138859#66EEAA
- 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 analogous color schemes
- Akari Red Analogous Color Scheme#8806CE#DD14AB#C90B42#C93413#CB9711
- Amor Analogous Color Scheme#AA33EE#FF33CC#EE3377#EB5030#EEAA33
- Amora Purple Analogous Color Scheme#2425B9#7722AA#BB22AA#B3205F#B33125
- Anger Analogous Color Scheme#9400D4#DD00CC#DD0055#DD1100#DA8704
- Aphroditean Fuchsia Analogous Color Scheme#4411DD#AD03DE#DD14AB#DD1144#DD4411
- Awkward Purple Analogous Color Scheme#1100CC#6600CC#D208CC#D90166#D41003
- Barbara Analogous Color Scheme#0C06F7#8811FF#FF0FF3#FF1177#FE1C06
- Bat’s Blood Soup Analogous Color Scheme#AA33EE#EA27C2#EE3366#EB5C34#EEBB33
- Beet Wave Analogous Color Scheme#9632CE#D521B8#D4265D#D1462C#D09B2C
- Beetroot Purple Analogous Color Scheme#9632CE#CC33CC#D33376#CD4035#D19033
- Benevolent Pink Analogous Color Scheme#7711DD#DD11DD#DD1188#DD1122#DD6611
- Bermuda Onion Analogous Color Scheme#665D9E#83599B#9D5A8F#9F556C#9E6759
Questions
What colors go with Prince Charming?
In a analogous scheme: Puissant Purple (#7722CC), Steel Pink (#CC33CC), Lionheart (#CC2222), Ochre (#CC7722).
What is the hex code of Prince Charming?
#CC2277.