Mademoiselle Pink Analogous Color Scheme
Five colors arranged by the analogous rule around Mademoiselle Pink (#F504C9), each snapped to its nearest named color.
#2200FF
#AA00FF
#F504C9
#F5054F
#F43605
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Pencil | #2200FF | 34, 0, 255 | 248°, 100%, 50% | 87, 100, 0, 0 | |
| Digital Violets | #AA00FF | 170, 0, 255 | 280°, 100%, 50% | 33, 100, 0, 0 | |
| Mademoiselle Pink | #F504C9 | 245, 4, 201 | 311°, 97%, 49% | 0, 98, 18, 4 | |
| Pink Red | #F5054F | 245, 5, 79 | 342°, 96%, 49% | 0, 98, 68, 4 | |
| Orangish Red | #F43605 | 244, 54, 5 | 12°, 96%, 49% | 0, 78, 98, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2200FF on #F504C9 | 2.29:1 | — |
| Aa #2200FF on #F43605 | 2.14:1 | — |
| Aa #2200FF on #F5054F | 2.00:1 | — |
| Aa #2200FF on #AA00FF | 1.65:1 | — |
| Aa #AA00FF on #F504C9 | 1.38:1 | — |
| Aa #AA00FF on #F43605 | 1.29:1 | — |
CSS variables
:root {
--color-1: #2200ff; /* Blue Pencil */
--color-2: #aa00ff; /* Digital Violets */
--color-3: #f504c9; /* Mademoiselle Pink */
--color-4: #f5054f; /* Pink Red */
--color-5: #f43605; /* Orangish Red */
}Other schemes from Mademoiselle Pink
- Mademoiselle Pink Complementary Color Scheme#F504C9#FE4EDA#00EE33#00AA22#73FA79
- Mademoiselle Pink Triadic Color Scheme#F504C9#C6F808#00CCEE#FF63E9#88AA00
- Mademoiselle Pink Split-complementary Color Scheme#F504C9#55EE00#00FBB0#BB0088#9CEF43
- Mademoiselle Pink Tetradic Color Scheme#F504C9#F6AA09#00EE33#0055EE#FF63E9
- Mademoiselle Pink Monochromatic Color Scheme#550055#BB0088#F504C9#FE4EDA#FF99EE
More Medium Pink analogous palettes
- 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 Mademoiselle Pink?
In a analogous scheme: Blue Pencil (#2200FF), Digital Violets (#AA00FF), Pink Red (#F5054F), Orangish Red (#F43605).
What is the hex code of Mademoiselle Pink?
#F504C9.