Glitter Shower Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Glitter Shower (#88FFFF), each snapped to its nearest named color.
#88FFFF
#F887C7
#FFC58A
#33FFFF
#FED5E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Glitter Shower | #88FFFF | 136, 255, 255 | 180°, 100%, 77% | 47, 0, 0, 0 | 93.1% 0.108 195 | |
| Bubblegum Beam | #F887C7 | 248, 135, 199 | 326°, 89%, 75% | 0, 46, 20, 3 | 76.6% 0.155 346 | |
| Bundaberg Sand | #FFC58A | 255, 197, 138 | 30°, 100%, 77% | 0, 23, 46, 0 | 86.2% 0.100 66 | |
| Beaming Blue | #33FFFF | 51, 255, 255 | 180°, 100%, 60% | 80, 0, 0, 0 | 90.9% 0.148 195 | |
| Pink Currant | #FED5E9 | 254, 213, 233 | 331°, 95%, 92% | 0, 16, 8, 0 | 91.3% 0.052 347 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88FFFF on #F887C7 | 1.92:1 | — |
| Aa #F887C7 on #33FFFF | 1.82:1 | — |
| Aa #F887C7 on #FED5E9 | 1.71:1 | — |
| Aa #F887C7 on #FFC58A | 1.47:1 | — |
| Aa #88FFFF on #FFC58A | 1.31:1 | — |
| Aa #FFC58A on #33FFFF | 1.24:1 | — |
CSS variables
:root {
--color-1: #88ffff; /* Glitter Shower */
--color-2: #f887c7; /* Bubblegum Beam */
--color-3: #ffc58a; /* Bundaberg Sand */
--color-4: #33ffff; /* Beaming Blue */
--color-5: #fed5e9; /* Pink Currant */
}Other schemes from Glitter Shower
- Glitter Shower Complementary Color Scheme#88FFFF#E7FEFF#FF8888#F73D37#FFE6E4
- Glitter Shower Analogous Color Scheme#94FF94#88FFCC#88FFFF#82CAFC#8B88F8
- Glitter Shower Triadic Color Scheme#88FFFF#FF88FF#FFFF88#E7FEFF#FF33FF
- Glitter Shower Tetradic Color Scheme#88FFFF#C48EFD#FF8888#C2FF89#E7FEFF
- Glitter Shower Monochromatic Color Scheme#00EEEE#33FFFF#88FFFF#D4FFFF#E7FEFF
More light teal split-complementary color schemes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Glitter Shower?
In a split-complementary scheme: Bubblegum Beam (#F887C7), Bundaberg Sand (#FFC58A), Beaming Blue (#33FFFF), Pink Currant (#FED5E9).
What is the hex code of Glitter Shower?
#88FFFF.