Xoxo Tetradic Color Scheme
Five colors arranged by the tetradic rule around Xoxo (#F08497), each snapped to its nearest named color.
#F08497
#C6EA80
#88FFDD
#BB88FF
#F9DFE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Xoxo | #F08497 | 240, 132, 151 | 349°, 78%, 73% | 0, 45, 37, 6 | |
| Sulu | #C6EA80 | 198, 234, 128 | 80°, 72%, 71% | 15, 0, 45, 8 | |
| Tibetan Plateau | #88FFDD | 136, 255, 221 | 163°, 100%, 77% | 47, 0, 13, 0 | |
| Lilac Geode | #BB88FF | 187, 136, 255 | 266°, 100%, 77% | 27, 47, 0, 0 | |
| Cake Frosting | #F9DFE5 | 249, 223, 229 | 346°, 68%, 93% | 0, 10, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88FFDD on #BB88FF | 2.15:1 | — |
| Aa #BB88FF on #F9DFE5 | 2.07:1 | — |
| Aa #F08497 on #88FFDD | 2.06:1 | — |
| Aa #F08497 on #F9DFE5 | 1.98:1 | — |
| Aa #C6EA80 on #BB88FF | 1.92:1 | — |
| Aa #F08497 on #C6EA80 | 1.83:1 | — |
CSS variables
:root {
--color-1: #f08497; /* Xoxo */
--color-2: #c6ea80; /* Sulu */
--color-3: #88ffdd; /* Tibetan Plateau */
--color-4: #bb88ff; /* Lilac Geode */
--color-5: #f9dfe5; /* Cake Frosting */
}Other schemes from Xoxo
- Xoxo Complementary Color Scheme#F08497#F8D7DD#88FFDD#45E9C1#DFFBF3
- Xoxo Analogous Color Scheme#CC81F0#EE88CC#F08497#EDAA86#F0DC82
- Xoxo Triadic Color Scheme#F08497#90EE90#8F99FB#F9DFE5#4EFD54
- Xoxo Split-complementary Color Scheme#F08497#87F8A3#87CDED#E4445E#CCFFDD
- Xoxo Monochromatic Color Scheme#C41A3B#E4445E#F08497#FAC8CE#FFE9EB
More Light Red tetradic palettes
- Amour Tetradic Color Scheme#EE5851#9CEF43#45E9FD#AA55EE#F5B1AA
- Angry Flamingo Tetradic Color Scheme#F04E45#9CEF43#45E9FD#AB46EC#F9A7A4
- Anime Blush Tetradic Color Scheme#FF7A83#CCFD7F#73FDFF#A675FE#FFE4E1
- Aphrodisiac Tetradic Color Scheme#E35A63#B2EC5D#5EE7DF#9457EB#F1B3B6
- Babe Tetradic Color Scheme#DC7B7C#AFD77F#78D8D9#B57EDC#F1CBCD
- Begonia Tetradic Color Scheme#FA6E79#BEFD73#66EEEE#B36FF6#FDD0D5
- Berrylicious Tetradic Color Scheme#D75E6C#ABD35D#55DDCC#9955CC#ECB2B3
- Bite My Tongue Tetradic Color Scheme#D47D72#9CD572#71CBD2#B56EDC#ECC5C0
- Blood Burst Tetradic Color Scheme#FF474C#A6FD44#41FDFE#9955FF#FFB0AC
- Blush Bomb Tetradic Color Scheme#DD99AA#CCDD99#99DDCC#B19CD9#F5E6EA
- Blush Hour Tetradic Color Scheme#FF6F91#D4FB79#73FCD6#9878F8#FFD6DD
- Boho Blush Tetradic Color Scheme#E58787#BBEE88#96E2E1#BF8FE5#F8DCDB
Questions
What colors go with Xoxo?
In a tetradic scheme: Sulu (#C6EA80), Tibetan Plateau (#88FFDD), Lilac Geode (#BB88FF), Cake Frosting (#F9DFE5).
What is the hex code of Xoxo?
#F08497.