Xoxo Triadic Color Scheme
Five colors arranged by the triadic rule around Xoxo (#F08497), each snapped to its nearest named color.
#F08497
#90EE90
#8F99FB
#F9DFE5
#4EFD54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Xoxo | #F08497 | 240, 132, 151 | 349°, 78%, 73% | 0, 45, 37, 6 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Periwinkle Blue | #8F99FB | 143, 153, 251 | 234°, 93%, 77% | 43, 39, 0, 2 | |
| Cake Frosting | #F9DFE5 | 249, 223, 229 | 346°, 68%, 93% | 0, 10, 8, 2 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8F99FB on #F9DFE5 | 2.06:1 | — |
| Aa #F08497 on #F9DFE5 | 1.98:1 | — |
| Aa #8F99FB on #4EFD54 | 1.91:1 | — |
| Aa #F08497 on #4EFD54 | 1.83:1 | — |
| Aa #90EE90 on #8F99FB | 1.83:1 | — |
| Aa #F08497 on #90EE90 | 1.75:1 | — |
CSS variables
:root {
--color-1: #f08497; /* Xoxo */
--color-2: #90ee90; /* Ulva Lactuca Green */
--color-3: #8f99fb; /* Periwinkle Blue */
--color-4: #f9dfe5; /* Cake Frosting */
--color-5: #4efd54; /* Goblin Warboss */
}Other schemes from Xoxo
- Xoxo Complementary Color Scheme#F08497#F8D7DD#88FFDD#45E9C1#DFFBF3
- Xoxo Analogous Color Scheme#CC81F0#EE88CC#F08497#EDAA86#F0DC82
- Xoxo Split-complementary Color Scheme#F08497#87F8A3#87CDED#E4445E#CCFFDD
- Xoxo Tetradic Color Scheme#F08497#C6EA80#88FFDD#BB88FF#F9DFE5
- Xoxo Monochromatic Color Scheme#C41A3B#E4445E#F08497#FAC8CE#FFE9EB
More Light Red triadic palettes
- 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 Xoxo?
In a triadic scheme: Ulva Lactuca Green (#90EE90), Periwinkle Blue (#8F99FB), Cake Frosting (#F9DFE5), Goblin Warboss (#4EFD54).
What is the hex code of Xoxo?
#F08497.