Fat Smooch Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fat Smooch (#C1537D), each snapped to its nearest named color.
#C1537D
#52C170
#56B3C3
#92345B
#92D599
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fat Smooch | #C1537D | 193, 83, 125 | 337°, 47%, 54% | 0, 57, 35, 24 | |
| Emerald Cory | #52C170 | 82, 193, 112 | 136°, 47%, 54% | 58, 0, 42, 24 | |
| Aqua Verde | #56B3C3 | 86, 179, 195 | 189°, 48%, 55% | 56, 8, 0, 24 | |
| Forward Fuchsia | #92345B | 146, 52, 91 | 335°, 47%, 39% | 0, 64, 38, 43 | |
| May Apple | #92D599 | 146, 213, 153 | 126°, 44%, 70% | 31, 0, 28, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #92345B on #92D599 | 4.26:1 | AA large |
| Aa #52C170 on #92345B | 3.22:1 | AA large |
| Aa #56B3C3 on #92345B | 3.01:1 | AA large |
| Aa #C1537D on #92D599 | 2.54:1 | — |
| Aa #C1537D on #52C170 | 1.92:1 | — |
| Aa #C1537D on #56B3C3 | 1.80:1 | — |
CSS variables
:root {
--color-1: #c1537d; /* Fat Smooch */
--color-2: #52c170; /* Emerald Cory */
--color-3: #56b3c3; /* Aqua Verde */
--color-4: #92345b; /* Forward Fuchsia */
--color-5: #92d599; /* May Apple */
}Other schemes from Fat Smooch
- Fat Smooch Complementary Color Scheme#C1537D#D899B1#48C09B#319177#99DAC5
- Fat Smooch Analogous Color Scheme#9955CC#C94CBE#C1537D#C26157#C19851
- Fat Smooch Triadic Color Scheme#C1537D#7AC34F#507BCE#DD9CBD#559933
- Fat Smooch Tetradic Color Scheme#C1537D#B4C04C#48C09B#6258C4#DD9CBD
- Fat Smooch Monochromatic Color Scheme#5A2538#92345B#C1537D#D28CA7#EAC3D2
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 Fat Smooch?
In a split-complementary scheme: Emerald Cory (#52C170), Aqua Verde (#56B3C3), Forward Fuchsia (#92345B), May Apple (#92D599).
What is the hex code of Fat Smooch?
#C1537D.