Orange Soda Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Orange Soda (#FA5B3D), each snapped to its nearest named color.
#FA5B3D
#2AFEB7
#3D7AFD
#EC2D01
#84FBCE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Orange Soda | #FA5B3D | 250, 91, 61 | 10°, 95%, 61% | 0, 64, 76, 2 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Lightish Blue | #3D7AFD | 61, 122, 253 | 221°, 98%, 62% | 76, 52, 0, 1 | |
| Tomato Red | #EC2D01 | 236, 45, 1 | 11°, 99%, 46% | 0, 81, 100, 7 | |
| Olo | #84FBCE | 132, 251, 206 | 157°, 94%, 75% | 47, 0, 18, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EC2D01 on #84FBCE | 3.37:1 | AA large |
| Aa #2AFEB7 on #EC2D01 | 3.23:1 | AA large |
| Aa #3D7AFD on #84FBCE | 3.09:1 | AA large |
| Aa #2AFEB7 on #3D7AFD | 2.96:1 | — |
| Aa #FA5B3D on #84FBCE | 2.52:1 | — |
| Aa #FA5B3D on #2AFEB7 | 2.41:1 | — |
CSS variables
:root {
--color-1: #fa5b3d; /* Orange Soda */
--color-2: #2afeb7; /* Greenish Cyan */
--color-3: #3d7afd; /* Lightish Blue */
--color-4: #ec2d01; /* Tomato Red */
--color-5: #84fbce; /* Olo */
}Other schemes from Orange Soda
- Orange Soda Complementary Color Scheme#FA5B3D#FBAA95#22DDFF#00CCEE#AAEEFF
- Orange Soda Analogous Color Scheme#FF33CC#EF347C#FA5B3D#FFBC3E#D5F534
- Orange Soda Triadic Color Scheme#FA5B3D#2DFE54#5533FF#FFAFA3#00EE22
- Orange Soda Tetradic Color Scheme#FA5B3D#7FF23E#22DDFF#BF3CFF#FFAFA3
- Orange Soda Monochromatic Color Scheme#991B07#EC2D01#FA5B3D#FD9B88#FDD8D4
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 Orange Soda?
In a split-complementary scheme: Greenish Cyan (#2AFEB7), Lightish Blue (#3D7AFD), Tomato Red (#EC2D01), Olo (#84FBCE).
What is the hex code of Orange Soda?
#FA5B3D.