Candy Triadic Color Scheme
Five colors arranged by the triadic rule around Candy (#FF9B87), each snapped to its nearest named color.
#FF9B87
#8CFF9E
#8E82FE
#FDEAE6
#2DFE54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Candy | #FF9B87 | 255, 155, 135 | 10°, 100%, 76% | 0, 39, 47, 0 | 78.8% 0.124 32 | |
| Baby Green | #8CFF9E | 140, 255, 158 | 129°, 100%, 77% | 45, 0, 38, 0 | 90.8% 0.169 148 | |
| Periwinkle | #8E82FE | 142, 130, 254 | 246°, 98%, 75% | 44, 49, 0, 0 | 67.5% 0.178 285 | |
| Quartz Light Pink | #FDEAE6 | 253, 234, 230 | 10°, 85%, 95% | 0, 8, 9, 1 | 95.1% 0.021 32 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | 87.0% 0.262 145 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8E82FE on #FDEAE6 | 2.67:1 | — |
| Aa #8CFF9E on #8E82FE | 2.50:1 | — |
| Aa #8E82FE on #2DFE54 | 2.28:1 | — |
| Aa #FF9B87 on #FDEAE6 | 1.76:1 | — |
| Aa #FF9B87 on #8CFF9E | 1.64:1 | — |
| Aa #FF9B87 on #8E82FE | 1.52:1 | — |
CSS variables
:root {
--color-1: #ff9b87; /* Candy */
--color-2: #8cff9e; /* Baby Green */
--color-3: #8e82fe; /* Periwinkle */
--color-4: #fdeae6; /* Quartz Light Pink */
--color-5: #2dfe54; /* Bright Light Green */
}Other schemes from Candy
- Candy Complementary Color Scheme#FF9B87#FFE6E2#88EEFF#22DDFF#E7FEFF
- Candy Analogous Color Scheme#F984EF#FC89AC#FF9B87#FFD789#E8F48C
- 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 triadic color schemes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Candy?
In a triadic scheme: Baby Green (#8CFF9E), Periwinkle (#8E82FE), Quartz Light Pink (#FDEAE6), Bright Light Green (#2DFE54).
What is the hex code of Candy?
#FF9B87.