Joker’s Smile Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Joker’s Smile (#D70141), each snapped to its nearest named color.
#D70141
#00CC33
#00A9DA
#880022
#2DFE54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Joker’s Smile | #D70141 | 215, 1, 65 | 342°, 99%, 42% | 0, 100, 70, 16 | |
| Vivid Malachite | #00CC33 | 0, 204, 51 | 135°, 100%, 40% | 100, 0, 75, 20 | |
| Malibu Blue | #00A9DA | 0, 169, 218 | 193°, 100%, 43% | 100, 22, 0, 15 | |
| Red Mulled Wine | #880022 | 136, 0, 34 | 345°, 100%, 27% | 0, 100, 75, 47 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #880022 on #2DFE54 | 7.45:1 | AAA |
| Aa #00CC33 on #880022 | 4.68:1 | AA |
| Aa #D70141 on #2DFE54 | 3.88:1 | AA large |
| Aa #00A9DA on #880022 | 3.71:1 | AA large |
| Aa #D70141 on #00CC33 | 2.44:1 | — |
| Aa #00A9DA on #2DFE54 | 2.01:1 | — |
CSS variables
:root {
--color-1: #d70141; /* Joker’s Smile */
--color-2: #00cc33; /* Vivid Malachite */
--color-3: #00a9da; /* Malibu Blue */
--color-4: #880022; /* Red Mulled Wine */
--color-5: #2dfe54; /* Bright Light Green */
}Other schemes from Joker’s Smile
- Joker’s Smile Complementary Color Scheme#D70141#FF3366#00CC99#008B62#4EFFCD
- 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 Tetradic Color Scheme#D70141#ADD900#00CC99#3300CC#FA427E
- Joker’s Smile Monochromatic Color Scheme#3F000F#880022#D70141#FF2266#FF7799
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Joker’s Smile?
In a split-complementary scheme: Vivid Malachite (#00CC33), Malibu Blue (#00A9DA), Red Mulled Wine (#880022), Bright Light Green (#2DFE54).
What is the hex code of Joker’s Smile?
#D70141.