Candy Complementary Color Scheme
Five colors arranged by the complementary rule around Candy (#FF9B87), each snapped to its nearest named color.
#FF9B87
#FFE6E2
#88EEFF
#22DDFF
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy | #FF9B87 | 255, 155, 135 | 10°, 100%, 76% | 0, 39, 47, 0 | |
| Olm Pink | #FFE6E2 | 255, 230, 226 | 8°, 100%, 94% | 0, 10, 11, 0 | |
| Photon Projector | #88EEFF | 136, 238, 255 | 189°, 100%, 77% | 47, 7, 0, 0 | |
| Vaporwave Blue | #22DDFF | 34, 221, 255 | 189°, 100%, 57% | 87, 13, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF9B87 on #E7FEFF | 1.95:1 | — |
| Aa #FF9B87 on #FFE6E2 | 1.72:1 | — |
| Aa #22DDFF on #E7FEFF | 1.56:1 | — |
| Aa #FF9B87 on #88EEFF | 1.53:1 | — |
| Aa #FFE6E2 on #22DDFF | 1.37:1 | — |
| Aa #88EEFF on #E7FEFF | 1.27:1 | — |
CSS variables
:root {
--color-1: #ff9b87; /* Candy */
--color-2: #ffe6e2; /* Olm Pink */
--color-3: #88eeff; /* Photon Projector */
--color-4: #22ddff; /* Vaporwave Blue */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Candy
- Candy Analogous Color Scheme#F984EF#FC89AC#FF9B87#FFD789#E8F48C
- Candy Triadic Color Scheme#FF9B87#8CFF9E#8E82FE#FDEAE6#2DFE54
- Candy Split-complementary Color Scheme#FF9B87#8CFFDB#8AADF7#FF5A36#D8FFF3
- Candy Tetradic Color Scheme#FF9B87#B1FC99#88EEFF#D783FF#FDEAE6
- Candy Monochromatic Color Scheme#EE2200#FF5A36#FF9B87#FFDCD6#FDEAE6
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 Candy?
In a complementary scheme: Olm Pink (#FFE6E2), Photon Projector (#88EEFF), Vaporwave Blue (#22DDFF), Bubbles (#E7FEFF).
What is the hex code of Candy?
#FF9B87.