Sunset Orange Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sunset Orange (#FD5E53), each snapped to its nearest named color.
#FD5E53
#55FFAA
#5599FF
#F81404
#99FFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunset Orange | #FD5E53 | 253, 94, 83 | 4°, 98%, 66% | 0, 63, 67, 1 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 | |
| Blue Chaos | #5599FF | 85, 153, 255 | 216°, 100%, 67% | 67, 40, 0, 0 | |
| Apple Cherry | #F81404 | 248, 20, 4 | 4°, 97%, 49% | 0, 92, 98, 3 | |
| Freezy Wind | #99FFDD | 153, 255, 221 | 160°, 100%, 80% | 40, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F81404 on #99FFDD | 3.48:1 | AA large |
| Aa #55FFAA on #F81404 | 3.19:1 | AA large |
| Aa #FD5E53 on #99FFDD | 2.56:1 | — |
| Aa #5599FF on #99FFDD | 2.40:1 | — |
| Aa #FD5E53 on #55FFAA | 2.36:1 | — |
| Aa #55FFAA on #5599FF | 2.20:1 | — |
CSS variables
:root {
--color-1: #fd5e53; /* Sunset Orange */
--color-2: #55ffaa; /* Hanuman Green */
--color-3: #5599ff; /* Blue Chaos */
--color-4: #f81404; /* Apple Cherry */
--color-5: #99ffdd; /* Freezy Wind */
}Other schemes from Sunset Orange
- Sunset Orange Complementary Color Scheme#FD5E53#FFB3B1#53F6FF#00EBFF#B2FCFF
- Sunset Orange Analogous Color Scheme#FF55EE#FF5599#FD5E53#FFB452#F0FF57
- Sunset Orange Triadic Color Scheme#FD5E53#53FE5C#5555FF#FFBBBB#09F911
- Sunset Orange Tetradic Color Scheme#FD5E53#9CEF43#53F6FF#AA55FF#FFBBBB
- Sunset Orange Monochromatic Color Scheme#BB1100#F81404#FD5E53#FEA89F#FFE8E5
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 Sunset Orange?
In a split-complementary scheme: Hanuman Green (#55FFAA), Blue Chaos (#5599FF), Apple Cherry (#F81404), Freezy Wind (#99FFDD).
What is the hex code of Sunset Orange?
#FD5E53.