Princess Peach Complementary Color Scheme
Five colors arranged by the complementary rule around Princess Peach (#F878F8), each snapped to its nearest named color.
#F878F8
#FED0FC
#73FA79
#2CED2B
#DDFFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Princess Peach | #F878F8 | 248, 120, 248 | 300°, 90%, 72% | 0, 52, 0, 3 | |
| Pink Diamond | #FED0FC | 254, 208, 252 | 303°, 96%, 91% | 0, 18, 1, 0 | |
| Flora | #73FA79 | 115, 250, 121 | 123°, 93%, 72% | 54, 0, 52, 2 | |
| Out of Left Field | #2CED2B | 44, 237, 43 | 120°, 84%, 55% | 81, 0, 82, 7 | |
| Transparent Green | #DDFFDD | 221, 255, 221 | 120°, 100%, 93% | 13, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F878F8 on #DDFFDD | 2.15:1 | — |
| Aa #F878F8 on #73FA79 | 1.74:1 | — |
| Aa #F878F8 on #FED0FC | 1.73:1 | — |
| Aa #F878F8 on #2CED2B | 1.47:1 | — |
| Aa #2CED2B on #DDFFDD | 1.47:1 | — |
| Aa #FED0FC on #DDFFDD | 1.24:1 | — |
CSS variables
:root {
--color-1: #f878f8; /* Princess Peach */
--color-2: #fed0fc; /* Pink Diamond */
--color-3: #73fa79; /* Flora */
--color-4: #2ced2b; /* Out of Left Field */
--color-5: #ddffdd; /* Transparent Green */
}Other schemes from Princess Peach
- Princess Peach Analogous Color Scheme#7777FF#BF77F6#F878F8#FF77BB#FF7777
- Princess Peach Triadic Color Scheme#F878F8#F6F677#7DF9FF#FFDDFF#F7F72D
- Princess Peach Split-complementary Color Scheme#F878F8#BEFD73#7EFBB3#FF33EE#DDF3C2
- Princess Peach Tetradic Color Scheme#F878F8#F8B878#73FA79#74BBFB#FFDDFF
- Princess Peach Monochromatic Color Scheme#D208CC#FF33EE#F878F8#EFC0FE#FFEBFE
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Princess Peach?
In a complementary scheme: Pink Diamond (#FED0FC), Flora (#73FA79), Out of Left Field (#2CED2B), Transparent Green (#DDFFDD).
What is the hex code of Princess Peach?
#F878F8.