Princess Peach Triadic Color Scheme
Five colors arranged by the triadic rule around Princess Peach (#F878F8), each snapped to its nearest named color.
#F878F8
#F6F677
#7DF9FF
#FFDDFF
#F7F72D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Princess Peach | #F878F8 | 248, 120, 248 | 300°, 90%, 72% | 0, 52, 0, 3 | |
| Hyper Beam | #F6F677 | 246, 246, 119 | 60°, 88%, 72% | 0, 0, 52, 4 | |
| Electric Blue | #7DF9FF | 125, 249, 255 | 183°, 100%, 75% | 51, 2, 0, 0 | |
| Sugarpills | #FFDDFF | 255, 221, 255 | 300°, 100%, 93% | 0, 13, 0, 0 | |
| Pedestrian Lemon | #F7F72D | 247, 247, 45 | 60°, 93%, 57% | 0, 0, 82, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F878F8 on #F6F677 | 2.03:1 | — |
| Aa #F878F8 on #F7F72D | 2.03:1 | — |
| Aa #F878F8 on #FFDDFF | 1.89:1 | — |
| Aa #F878F8 on #7DF9FF | 1.87:1 | — |
| Aa #F6F677 on #7DF9FF | 1.09:1 | — |
| Aa #7DF9FF on #F7F72D | 1.08:1 | — |
CSS variables
:root {
--color-1: #f878f8; /* Princess Peach */
--color-2: #f6f677; /* Hyper Beam */
--color-3: #7df9ff; /* Electric Blue */
--color-4: #ffddff; /* Sugarpills */
--color-5: #f7f72d; /* Pedestrian Lemon */
}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 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 triadic palettes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Princess Peach?
In a triadic scheme: Hyper Beam (#F6F677), Electric Blue (#7DF9FF), Sugarpills (#FFDDFF), Pedestrian Lemon (#F7F72D).
What is the hex code of Princess Peach?
#F878F8.