Fusion Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fusion Red (#FF6163), each snapped to its nearest named color.
#FF6163
#6BFFB3
#77B5FE
#FF1414
#AFFFD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fusion Red | #FF6163 | 255, 97, 99 | 359°, 100%, 69% | 0, 62, 61, 0 | 69.8% 0.193 23 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | 90.0% 0.167 158 | |
| French Sky Blue | #77B5FE | 119, 181, 254 | 212°, 99%, 73% | 53, 29, 0, 0 | 76.1% 0.124 253 | |
| Little Ladybug | #FF1414 | 255, 20, 20 | 0°, 100%, 54% | 0, 92, 92, 0 | 63.2% 0.253 29 | |
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 | 93.7% 0.097 161 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF1414 on #AFFFD5 | 3.37:1 | AA large |
| Aa #6BFFB3 on #FF1414 | 3.09:1 | AA large |
| Aa #FF6163 on #AFFFD5 | 2.53:1 | — |
| Aa #FF6163 on #6BFFB3 | 2.32:1 | — |
| Aa #77B5FE on #AFFFD5 | 1.84:1 | — |
| Aa #77B5FE on #FF1414 | 1.83:1 | — |
CSS variables
:root {
--color-1: #ff6163; /* Fusion Red */
--color-2: #6bffb3; /* Venice Green */
--color-3: #77b5fe; /* French Sky Blue */
--color-4: #ff1414; /* Little Ladybug */
--color-5: #afffd5; /* Mintastic */
}Other schemes from Fusion Red
- Fusion Red Complementary Color Scheme#FF6163#FFBCBC#65FFFF#11FFFF#C7FFFF
- Fusion Red Analogous Color Scheme#FF66FF#FF69B4#FF6163#FFAD61#FDFF63
- Fusion Red Triadic Color Scheme#FF6163#66FF66#6666FF#FCC9C7#11FF11
- Fusion Red Tetradic Color Scheme#FF6163#B1FF65#65FFFF#AA66FF#FCC9C7
- Fusion Red Monochromatic Color Scheme#CB0103#FF1414#FF6163#FFB1B0#FFE6E7
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 Fusion Red?
In a split-complementary scheme: Venice Green (#6BFFB3), French Sky Blue (#77B5FE), Little Ladybug (#FF1414), Mintastic (#AFFFD5).
What is the hex code of Fusion Red?
#FF6163.