Princess Peach Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Princess Peach (#F878F8), each snapped to its nearest named color.
#F878F8
#BEFD73
#7EFBB3
#FF33EE
#DDF3C2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Princess Peach | #F878F8 | 248, 120, 248 | 300°, 90%, 72% | 0, 52, 0, 3 | 76.5% 0.216 327 | |
| Lime Lightning | #BEFD73 | 190, 253, 115 | 87°, 97%, 72% | 25, 0, 55, 1 | 92.4% 0.180 130 | |
| Green Epiphany | #7EFBB3 | 126, 251, 179 | 145°, 94%, 74% | 50, 0, 29, 2 | 89.8% 0.152 156 | |
| Lurid Pink | #FF33EE | 255, 51, 238 | 305°, 100%, 60% | 0, 80, 7, 0 | 70.7% 0.292 332 | |
| Envious Pastel | #DDF3C2 | 221, 243, 194 | 87°, 67%, 86% | 9, 0, 20, 5 | 93.6% 0.068 127 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF33EE on #DDF3C2 | 2.54:1 | — |
| Aa #BEFD73 on #FF33EE | 2.51:1 | — |
| Aa #7EFBB3 on #FF33EE | 2.35:1 | — |
| Aa #F878F8 on #DDF3C2 | 1.96:1 | — |
| Aa #F878F8 on #BEFD73 | 1.94:1 | — |
| Aa #F878F8 on #7EFBB3 | 1.81:1 | — |
CSS variables
:root {
--color-1: #f878f8; /* Princess Peach */
--color-2: #befd73; /* Lime Lightning */
--color-3: #7efbb3; /* Green Epiphany */
--color-4: #ff33ee; /* Lurid Pink */
--color-5: #ddf3c2; /* Envious Pastel */
}Other schemes from Princess Peach
- Princess Peach Complementary Color Scheme#F878F8#FED0FC#73FA79#2CED2B#DDFFDD
- Princess Peach Analogous Color Scheme#7777FF#BF77F6#F878F8#FF77BB#FF7777
- Princess Peach Triadic Color Scheme#F878F8#F6F677#7DF9FF#FFDDFF#F7F72D
- Princess Peach Tetradic Color Scheme#F878F8#F8B878#73FA79#74BBFB#FFDDFF
- Princess Peach Monochromatic Color Scheme#D208CC#FF33EE#F878F8#EFC0FE#FFEBFE
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Princess Peach?
In a split-complementary scheme: Lime Lightning (#BEFD73), Green Epiphany (#7EFBB3), Lurid Pink (#FF33EE), Envious Pastel (#DDF3C2).
What is the hex code of Princess Peach?
#F878F8.