Ruby Fire Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ruby Fire (#F20769), each snapped to its nearest named color.
#F20769
#0AFA1E
#11DDEE
#B0054B
#4EFD54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruby Fire | #F20769 | 242, 7, 105 | 335°, 94%, 49% | 0, 97, 57, 5 | |
| Galactic Emerald | #0AFA1E | 10, 250, 30 | 125°, 96%, 51% | 96, 0, 88, 2 | |
| Tamarama | #11DDEE | 17, 221, 238 | 185°, 87%, 50% | 93, 7, 0, 7 | |
| Purplish Red | #B0054B | 176, 5, 75 | 335°, 94%, 35% | 0, 97, 57, 31 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B0054B on #4EFD54 | 5.22:1 | AA |
| Aa #0AFA1E on #B0054B | 4.95:1 | AA |
| Aa #11DDEE on #B0054B | 4.24:1 | AA large |
| Aa #F20769 on #4EFD54 | 3.09:1 | AA large |
| Aa #F20769 on #0AFA1E | 2.94:1 | — |
| Aa #F20769 on #11DDEE | 2.52:1 | — |
CSS variables
:root {
--color-1: #f20769; /* Ruby Fire */
--color-2: #0afa1e; /* Galactic Emerald */
--color-3: #11ddee; /* Tamarama */
--color-4: #b0054b; /* Purplish Red */
--color-5: #4efd54; /* Goblin Warboss */
}Other schemes from Ruby Fire
- Ruby Fire Complementary Color Scheme#F20769#F85898#04F489#00AA66#63F7B4
- Ruby Fire Analogous Color Scheme#8F00F1#EE00DD#F20769#F5160B#F19000
- Ruby Fire Triadic Color Scheme#F20769#66EE00#056EEE#EE66AA#44AA00
- Ruby Fire Tetradic Color Scheme#F20769#CDF80C#04F489#150AEC#EE66AA
- Ruby Fire Monochromatic Color Scheme#550022#B0054B#F20769#F75394#F49AC2
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 Ruby Fire?
In a split-complementary scheme: Galactic Emerald (#0AFA1E), Tamarama (#11DDEE), Purplish Red (#B0054B), Goblin Warboss (#4EFD54).
What is the hex code of Ruby Fire?
#F20769.