Infrared Complementary Color Scheme
Five colors arranged by the complementary rule around Infrared (#FE486C), each snapped to its nearest named color.
#FE486C
#FCA2AD
#4EFFCD
#01F9C6
#AAFFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Infrared | #FE486C | 254, 72, 108 | 348°, 99%, 64% | 0, 72, 57, 0 | |
| Ballet Slippers | #FCA2AD | 252, 162, 173 | 353°, 94%, 81% | 0, 36, 31, 1 | |
| Move Mint | #4EFFCD | 78, 255, 205 | 163°, 100%, 65% | 69, 0, 20, 0 | |
| Bright Teal | #01F9C6 | 1, 249, 198 | 168°, 99%, 49% | 100, 0, 20, 2 | |
| Blister Pearl | #AAFFEE | 170, 255, 238 | 168°, 100%, 83% | 33, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FE486C on #AAFFEE | 2.87:1 | — |
| Aa #FE486C on #4EFFCD | 2.60:1 | — |
| Aa #FE486C on #01F9C6 | 2.42:1 | — |
| Aa #FE486C on #FCA2AD | 1.72:1 | — |
| Aa #FCA2AD on #AAFFEE | 1.67:1 | — |
| Aa #FCA2AD on #4EFFCD | 1.51:1 | — |
CSS variables
:root {
--color-1: #fe486c; /* Infrared */
--color-2: #fca2ad; /* Ballet Slippers */
--color-3: #4effcd; /* Move Mint */
--color-4: #01f9c6; /* Bright Teal */
--color-5: #aaffee; /* Blister Pearl */
}Other schemes from Infrared
- Infrared Analogous Color Scheme#DD44FF#FF48D0#FE486C#FF7F49#FFDD49
- Infrared Triadic Color Scheme#FE486C#66FF55#4466FF#FFAEBB#35FA00
- Infrared Split-complementary Color Scheme#FE486C#4CFF7B#44CCFF#FF0033#9FFEB0
- Infrared Tetradic Color Scheme#FE486C#CDFA56#4EFFCD#7755FF#FFAEBB
- Infrared Monochromatic Color Scheme#AA0022#FF0033#FE486C#FF92AE#FBE0E8
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 Infrared?
In a complementary scheme: Ballet Slippers (#FCA2AD), Move Mint (#4EFFCD), Bright Teal (#01F9C6), Blister Pearl (#AAFFEE).
What is the hex code of Infrared?
#FE486C.