Pucker Up Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pucker Up (#FF1177), each snapped to its nearest named color.
#FF1177
#11FF22
#11EEFF
#CC0055
#4CFF7B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pucker Up | #FF1177 | 255, 17, 119 | 334°, 100%, 53% | 0, 93, 53, 0 | |
| Acid Drop | #11FF22 | 17, 255, 34 | 124°, 100%, 53% | 93, 0, 87, 0 | |
| Paint the Sky | #11EEFF | 17, 238, 255 | 184°, 100%, 53% | 93, 7, 0, 0 | |
| Red-Letter Day | #CC0055 | 204, 0, 85 | 335°, 100%, 40% | 0, 100, 58, 20 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC0055 on #4CFF7B | 4.30:1 | AA large |
| Aa #11FF22 on #CC0055 | 4.15:1 | AA large |
| Aa #11EEFF on #CC0055 | 3.97:1 | AA large |
| Aa #FF1177 on #4CFF7B | 2.84:1 | — |
| Aa #FF1177 on #11FF22 | 2.74:1 | — |
| Aa #FF1177 on #11EEFF | 2.63:1 | — |
CSS variables
:root {
--color-1: #ff1177; /* Pucker Up */
--color-2: #11ff22; /* Acid Drop */
--color-3: #11eeff; /* Paint the Sky */
--color-4: #cc0055; /* Red-Letter Day */
--color-5: #4cff7b; /* Experimintal Green */
}Other schemes from Pucker Up
- Pucker Up Complementary Color Scheme#FF1177#F970AC#00FF99#06D078#7BFDC7
- Pucker Up Analogous Color Scheme#8811FF#FF0FF3#FF1177#FF2211#FF9911
- Pucker Up Triadic Color Scheme#FF1177#66FF11#1177FF#FC7AB0#55CC00
- Pucker Up Tetradic Color Scheme#FF1177#EEFF11#00FF99#2200FF#FC7AB0
- Pucker Up Monochromatic Color Scheme#730039#CC0055#FF1177#FF55A3#FFAACC
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Pucker Up?
In a split-complementary scheme: Acid Drop (#11FF22), Paint the Sky (#11EEFF), Red-Letter Day (#CC0055), Experimintal Green (#4CFF7B).
What is the hex code of Pucker Up?
#FF1177.