Peppy Peacock Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Peppy Peacock (#55CCBB), each snapped to its nearest named color.
#55CCBB
#D85DA1
#C88554
#30A299
#DA93C1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Peppy Peacock | #55CCBB | 85, 204, 187 | 171°, 54%, 57% | 58, 0, 8, 20 | 77.3% 0.110 182 | |
| Sugar Rush | #D85DA1 | 216, 93, 161 | 327°, 61%, 61% | 0, 57, 25, 15 | 65.2% 0.171 349 | |
| Maple Syrup Brown | #C88554 | 200, 133, 84 | 25°, 51%, 56% | 0, 34, 58, 22 | 67.5% 0.105 56 | |
| Sea Kale | #30A299 | 48, 162, 153 | 175°, 54%, 41% | 70, 0, 6, 36 | 64.8% 0.100 187 | |
| Firm Pink | #DA93C1 | 218, 147, 193 | 321°, 49%, 72% | 0, 33, 11, 15 | 74.8% 0.104 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #55CCBB on #D85DA1 | 1.79:1 | — |
| Aa #55CCBB on #30A299 | 1.59:1 | — |
| Aa #55CCBB on #C88554 | 1.55:1 | — |
| Aa #D85DA1 on #DA93C1 | 1.49:1 | — |
| Aa #30A299 on #DA93C1 | 1.32:1 | — |
| Aa #C88554 on #DA93C1 | 1.29:1 | — |
CSS variables
:root {
--color-1: #55ccbb; /* Peppy Peacock */
--color-2: #d85da1; /* Sugar Rush */
--color-3: #c88554; /* Maple Syrup Brown */
--color-4: #30a299; /* Sea Kale */
--color-5: #da93c1; /* Firm Pink */
}Other schemes from Peppy Peacock
- Peppy Peacock Complementary Color Scheme#55CCBB#9BE3D7#D0576B#A42E41#E5A2AB
- Peppy Peacock Analogous Color Scheme#69D84F#54C589#55CCBB#57A1CE#5566CC
- Peppy Peacock Triadic Color Scheme#55CCBB#BB55CC#CEBC55#A0E5D9#9A2CA0
- Peppy Peacock Tetradic Color Scheme#55CCBB#7A58C1#D0576B#A5CA4F#A0E5D9
- Peppy Peacock Monochromatic Color Scheme#1E675A#30A299#55CCBB#93DAD3#CCEDEA
More medium teal split-complementary color schemes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Peppy Peacock?
In a split-complementary scheme: Sugar Rush (#D85DA1), Maple Syrup Brown (#C88554), Sea Kale (#30A299), Firm Pink (#DA93C1).
What is the hex code of Peppy Peacock?
#55CCBB.