Hard Candy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hard Candy (#FFBBBB), each snapped to its nearest named color.
#FFBBBB
#B8F8D8
#BBDDFF
#F97272
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hard Candy | #FFBBBB | 255, 187, 187 | 0°, 100%, 87% | 0, 27, 27, 0 | |
| Seafair Green | #B8F8D8 | 184, 248, 216 | 150°, 82%, 85% | 26, 0, 13, 3 | |
| Broad Daylight | #BBDDFF | 187, 221, 255 | 210°, 100%, 87% | 27, 13, 0, 0 | |
| Georgia Peach | #F97272 | 249, 114, 114 | 0°, 92%, 71% | 0, 54, 54, 2 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F97272 on #E6FDF1 | 2.56:1 | — |
| Aa #B8F8D8 on #F97272 | 2.27:1 | — |
| Aa #BBDDFF on #F97272 | 1.94:1 | — |
| Aa #FFBBBB on #F97272 | 1.70:1 | — |
| Aa #FFBBBB on #E6FDF1 | 1.51:1 | — |
| Aa #FFBBBB on #B8F8D8 | 1.33:1 | — |
CSS variables
:root {
--color-1: #ffbbbb; /* Hard Candy */
--color-2: #b8f8d8; /* Seafair Green */
--color-3: #bbddff; /* Broad Daylight */
--color-4: #f97272; /* Georgia Peach */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Hard Candy
- Hard Candy Complementary Color Scheme#FFBBBB#FFE6E4#BBFFFF#6FFFFF#E7FEFF
- Hard Candy Analogous Color Scheme#FFBBFF#FFBBDD#FFBBBB#FFDDBB#FFFFBB
- Hard Candy Triadic Color Scheme#FFBBBB#B6FFBB#BBBBFF#FFE6E4#77FF77
- Hard Candy Tetradic Color Scheme#FFBBBB#D1FFBD#BBFFFF#DDBBFF#FFE6E4
- Hard Candy Monochromatic Color Scheme#FF2222#F97272#FFBBBB#FFE6E4#FFE6E4
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Hard Candy?
In a split-complementary scheme: Seafair Green (#B8F8D8), Broad Daylight (#BBDDFF), Georgia Peach (#F97272), Mint Chiffon (#E6FDF1).
What is the hex code of Hard Candy?
#FFBBBB.