Candy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Candy (#FF9B87), each snapped to its nearest named color.
#FF9B87
#8CFFDB
#8AADF7
#FF5A36
#D8FFF3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy | #FF9B87 | 255, 155, 135 | 10°, 100%, 76% | 0, 39, 47, 0 | |
| Roller Derby | #8CFFDB | 140, 255, 219 | 161°, 100%, 77% | 45, 0, 14, 0 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Portland Orange | #FF5A36 | 255, 90, 54 | 11°, 100%, 61% | 0, 65, 79, 0 | |
| Candied Snow | #D8FFF3 | 216, 255, 243 | 162°, 100%, 92% | 15, 0, 5, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF5A36 on #D8FFF3 | 2.88:1 | — |
| Aa #8CFFDB on #FF5A36 | 2.58:1 | — |
| Aa #8AADF7 on #D8FFF3 | 2.08:1 | — |
| Aa #FF9B87 on #D8FFF3 | 1.90:1 | — |
| Aa #8CFFDB on #8AADF7 | 1.86:1 | — |
| Aa #FF9B87 on #8CFFDB | 1.69:1 | — |
CSS variables
:root {
--color-1: #ff9b87; /* Candy */
--color-2: #8cffdb; /* Roller Derby */
--color-3: #8aadf7; /* Kitten’s Eye */
--color-4: #ff5a36; /* Portland Orange */
--color-5: #d8fff3; /* Candied Snow */
}Other schemes from Candy
- Candy Complementary Color Scheme#FF9B87#FFE6E2#88EEFF#22DDFF#E7FEFF
- Candy Analogous Color Scheme#F984EF#FC89AC#FF9B87#FFD789#E8F48C
- Candy Triadic Color Scheme#FF9B87#8CFF9E#8E82FE#FDEAE6#2DFE54
- Candy Tetradic Color Scheme#FF9B87#B1FC99#88EEFF#D783FF#FDEAE6
- Candy Monochromatic Color Scheme#EE2200#FF5A36#FF9B87#FFDCD6#FDEAE6
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 Candy?
In a split-complementary scheme: Roller Derby (#8CFFDB), Kitten’s Eye (#8AADF7), Portland Orange (#FF5A36), Candied Snow (#D8FFF3).
What is the hex code of Candy?
#FF9B87.