Infrared Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Infrared (#FE486C), each snapped to its nearest named color.
#FE486C
#4CFF7B
#44CCFF
#FF0033
#9FFEB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Infrared | #FE486C | 254, 72, 108 | 348°, 99%, 64% | 0, 72, 57, 0 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Thor’s Thunder | #44CCFF | 68, 204, 255 | 196°, 100%, 63% | 73, 20, 0, 0 | |
| Hornet Sting | #FF0033 | 255, 0, 51 | 348°, 100%, 50% | 0, 100, 80, 0 | |
| Synthetic Mint | #9FFEB0 | 159, 254, 176 | 131°, 98%, 81% | 37, 0, 31, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF0033 on #9FFEB0 | 3.26:1 | AA large |
| Aa #4CFF7B on #FF0033 | 3.00:1 | — |
| Aa #FE486C on #9FFEB0 | 2.72:1 | — |
| Aa #FE486C on #4CFF7B | 2.50:1 | — |
| Aa #44CCFF on #FF0033 | 2.14:1 | — |
| Aa #FE486C on #44CCFF | 1.78:1 | — |
CSS variables
:root {
--color-1: #fe486c; /* Infrared */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #44ccff; /* Thor’s Thunder */
--color-4: #ff0033; /* Hornet Sting */
--color-5: #9ffeb0; /* Synthetic Mint */
}Other schemes from Infrared
- Infrared Complementary Color Scheme#FE486C#FCA2AD#4EFFCD#01F9C6#AAFFEE
- Infrared Analogous Color Scheme#DD44FF#FF48D0#FE486C#FF7F49#FFDD49
- Infrared Triadic Color Scheme#FE486C#66FF55#4466FF#FFAEBB#35FA00
- Infrared Tetradic Color Scheme#FE486C#CDFA56#4EFFCD#7755FF#FFAEBB
- Infrared Monochromatic Color Scheme#AA0022#FF0033#FE486C#FF92AE#FBE0E8
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 Infrared?
In a split-complementary scheme: Experimintal Green (#4CFF7B), Thor’s Thunder (#44CCFF), Hornet Sting (#FF0033), Synthetic Mint (#9FFEB0).
What is the hex code of Infrared?
#FE486C.