Devil’s Advocate Complementary Color Scheme
Five colors arranged by the complementary rule around Devil’s Advocate (#FF3344), each snapped to its nearest named color.
#FF3344
#FC8F9B
#33FFFF
#00E6D3
#99FFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Devil’s Advocate | #FF3344 | 255, 51, 68 | 355°, 100%, 60% | 0, 80, 73, 0 | |
| Conch Shell | #FC8F9B | 252, 143, 155 | 353°, 95%, 77% | 0, 43, 38, 1 | |
| Beaming Blue | #33FFFF | 51, 255, 255 | 180°, 100%, 60% | 80, 0, 0, 0 | |
| MoS₂ Cyan | #00E6D3 | 0, 230, 211 | 175°, 100%, 45% | 100, 0, 8, 10 | |
| Hello Winter | #99FFEE | 153, 255, 238 | 170°, 100%, 80% | 40, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF3344 on #99FFEE | 3.08:1 | AA large |
| Aa #FF3344 on #33FFFF | 2.91:1 | — |
| Aa #FF3344 on #00E6D3 | 2.28:1 | — |
| Aa #FC8F9B on #99FFEE | 1.88:1 | — |
| Aa #FC8F9B on #33FFFF | 1.77:1 | — |
| Aa #FF3344 on #FC8F9B | 1.64:1 | — |
CSS variables
:root {
--color-1: #ff3344; /* Devil’s Advocate */
--color-2: #fc8f9b; /* Conch Shell */
--color-3: #33ffff; /* Beaming Blue */
--color-4: #00e6d3; /* MoS₂ Cyan */
--color-5: #99ffee; /* Hello Winter */
}Other schemes from Devil’s Advocate
- 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 Split-complementary Color Scheme#FF3344#2AF589#30A9FF#E4000F#80F9AD
- 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 complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Devil’s Advocate?
In a complementary scheme: Conch Shell (#FC8F9B), Beaming Blue (#33FFFF), MoS₂ Cyan (#00E6D3), Hello Winter (#99FFEE).
What is the hex code of Devil’s Advocate?
#FF3344.