Joker’s Smile Complementary Color Scheme
Five colors arranged by the complementary rule around Joker’s Smile (#D70141), each snapped to its nearest named color.
#D70141
#FF3366
#00CC99
#008B62
#4EFFCD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Joker’s Smile | #D70141 | 215, 1, 65 | 342°, 99%, 42% | 0, 100, 70, 16 | |
| Chinese New Year | #FF3366 | 255, 51, 102 | 345°, 100%, 60% | 0, 80, 60, 0 | |
| Caribbean Green | #00CC99 | 0, 204, 153 | 165°, 100%, 40% | 100, 0, 25, 20 | |
| Chagall Green | #008B62 | 0, 139, 98 | 162°, 100%, 27% | 100, 0, 29, 45 | |
| Move Mint | #4EFFCD | 78, 255, 205 | 163°, 100%, 65% | 69, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D70141 on #4EFFCD | 4.16:1 | AA large |
| Aa #008B62 on #4EFFCD | 3.39:1 | AA large |
| Aa #FF3366 on #4EFFCD | 2.79:1 | — |
| Aa #D70141 on #00CC99 | 2.54:1 | — |
| Aa #00CC99 on #008B62 | 2.07:1 | — |
| Aa #FF3366 on #00CC99 | 1.71:1 | — |
CSS variables
:root {
--color-1: #d70141; /* Joker’s Smile */
--color-2: #ff3366; /* Chinese New Year */
--color-3: #00cc99; /* Caribbean Green */
--color-4: #008b62; /* Chagall Green */
--color-5: #4effcd; /* Move Mint */
}Other schemes from Joker’s Smile
- Joker’s Smile Analogous Color Scheme#9400D4#DD14AB#D70141#D33300#DD9900
- Joker’s Smile Triadic Color Scheme#D70141#44DD00#0343DF#FA427E#228800
- Joker’s Smile Split-complementary Color Scheme#D70141#00CC33#00A9DA#880022#2DFE54
- Joker’s Smile Tetradic Color Scheme#D70141#ADD900#00CC99#3300CC#FA427E
- Joker’s Smile Monochromatic Color Scheme#3F000F#880022#D70141#FF2266#FF7799
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 Joker’s Smile?
In a complementary scheme: Chinese New Year (#FF3366), Caribbean Green (#00CC99), Chagall Green (#008B62), Move Mint (#4EFFCD).
What is the hex code of Joker’s Smile?
#D70141.