Pumping Spice Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pumping Spice (#F7504A), each snapped to its nearest named color.
#F7504A
#53FCA1
#5097FC
#EE1111
#96FBC4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pumping Spice | #F7504A | 247, 80, 74 | 2°, 92%, 63% | 0, 68, 70, 3 | 66.3% 0.204 26 | |
| Sea Green | #53FCA1 | 83, 252, 161 | 148°, 97%, 66% | 67, 0, 36, 1 | 88.3% 0.188 155 | |
| Polar Glow | #5097FC | 80, 151, 252 | 215°, 97%, 65% | 68, 40, 0, 1 | 67.8% 0.166 258 | |
| Roman Empire Red | #EE1111 | 238, 17, 17 | 0°, 87%, 50% | 0, 93, 93, 7 | 60.0% 0.240 29 | |
| Lemon Gate | #96FBC4 | 150, 251, 196 | 147°, 93%, 79% | 40, 0, 22, 2 | 91.1% 0.123 159 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE1111 on #96FBC4 | 3.58:1 | AA large |
| Aa #53FCA1 on #EE1111 | 3.35:1 | AA large |
| Aa #F7504A on #96FBC4 | 2.72:1 | — |
| Aa #F7504A on #53FCA1 | 2.55:1 | — |
| Aa #5097FC on #96FBC4 | 2.35:1 | — |
| Aa #53FCA1 on #5097FC | 2.20:1 | — |
CSS variables
:root {
--color-1: #f7504a; /* Pumping Spice */
--color-2: #53fca1; /* Sea Green */
--color-3: #5097fc; /* Polar Glow */
--color-4: #ee1111; /* Roman Empire Red */
--color-5: #96fbc4; /* Lemon Gate */
}Other schemes from Pumping Spice
- Pumping Spice Complementary Color Scheme#F7504A#FEA5A2#45E9FD#11EEEE#B2F8F8
- Pumping Spice Analogous Color Scheme#FF44EE#F9429E#F7504A#F4A34C#F7FB4E
- Pumping Spice Triadic Color Scheme#F7504A#4EFD54#524EFB#FFB0AC#00EE11
- Pumping Spice Tetradic Color Scheme#F7504A#9CEF43#45E9FD#AB46EC#FFB0AC
- Pumping Spice Monochromatic Color Scheme#A30800#EE1111#F7504A#F79890#FEDDDD
More light red split-complementary color schemes
- 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 Pumping Spice?
In a split-complementary scheme: Sea Green (#53FCA1), Polar Glow (#5097FC), Roman Empire Red (#EE1111), Lemon Gate (#96FBC4).
What is the hex code of Pumping Spice?
#F7504A.