Devil’s Advocate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Devil’s Advocate (#FF3344), each snapped to its nearest named color.
#FF3344
#2AF589
#30A9FF
#E4000F
#80F9AD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Devil’s Advocate | #FF3344 | 255, 51, 68 | 355°, 100%, 60% | 0, 80, 73, 0 | |
| Emerald Ice Palace | #2AF589 | 42, 245, 137 | 148°, 91%, 56% | 83, 0, 44, 4 | |
| Xed | #30A9FF | 48, 169, 255 | 205°, 100%, 59% | 81, 34, 0, 0 | |
| Mario | #E4000F | 228, 0, 15 | 356°, 100%, 45% | 0, 100, 93, 11 | |
| Esper’s Fungus Green | #80F9AD | 128, 249, 173 | 142°, 91%, 74% | 49, 0, 31, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4000F on #80F9AD | 3.73:1 | AA large |
| Aa #2AF589 on #E4000F | 3.37:1 | AA large |
| Aa #FF3344 on #80F9AD | 2.77:1 | — |
| Aa #FF3344 on #2AF589 | 2.50:1 | — |
| Aa #30A9FF on #80F9AD | 1.95:1 | — |
| Aa #30A9FF on #E4000F | 1.91:1 | — |
CSS variables
:root {
--color-1: #ff3344; /* Devil’s Advocate */
--color-2: #2af589; /* Emerald Ice Palace */
--color-3: #30a9ff; /* Xed */
--color-4: #e4000f; /* Mario */
--color-5: #80f9ad; /* Esper’s Fungus Green */
}Other schemes from Devil’s Advocate
- Devil’s Advocate Complementary Color Scheme#FF3344#FC8F9B#33FFFF#00E6D3#99FFEE
- Devil’s Advocate Analogous Color Scheme#FF33FF#FE28A2#FF3344#FF8833#FFEE33
- Devil’s Advocate Triadic Color Scheme#FF3344#55FF33#2D47FF#FF99AA#11EE00
- Devil’s Advocate Tetradic Color Scheme#FF3344#AAFF32#33FFFF#9437FF#FF99AA
- Devil’s Advocate Monochromatic Color Scheme#98010D#E4000F#FF3344#FE828C#FDC9D0
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Devil’s Advocate?
In a split-complementary scheme: Emerald Ice Palace (#2AF589), Xed (#30A9FF), Mario (#E4000F), Esper’s Fungus Green (#80F9AD).
What is the hex code of Devil’s Advocate?
#FF3344.