Puddle Jumper Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Puddle Jumper (#6A8389), each snapped to its nearest named color.
#6A8389
#92576F
#9A845E
#3A6468
#B78999
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Puddle Jumper | #6A8389 | 106, 131, 137 | 192°, 13%, 48% | 23, 4, 0, 46 | |
| Grandeur Plum | #92576F | 146, 87, 111 | 336°, 25%, 46% | 0, 40, 24, 43 | |
| Twisted Tail | #9A845E | 154, 132, 94 | 38°, 24%, 49% | 0, 14, 39, 40 | |
| China Green Blue | #3A6468 | 58, 100, 104 | 185°, 28%, 32% | 44, 4, 0, 59 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A6468 on #B78999 | 2.20:1 | — |
| Aa #92576F on #B78999 | 1.85:1 | — |
| Aa #9A845E on #3A6468 | 1.82:1 | — |
| Aa #6A8389 on #3A6468 | 1.63:1 | — |
| Aa #92576F on #9A845E | 1.53:1 | — |
| Aa #6A8389 on #92576F | 1.37:1 | — |
CSS variables
:root {
--color-1: #6a8389; /* Puddle Jumper */
--color-2: #92576f; /* Grandeur Plum */
--color-3: #9a845e; /* Twisted Tail */
--color-4: #3a6468; /* China Green Blue */
--color-5: #b78999; /* Monastir */
}Other schemes from Puddle Jumper
- Puddle Jumper Complementary Color Scheme#6A8389#91B2BC#97645A#6B473D#C1A097
- Puddle Jumper Analogous Color Scheme#5D9865#5E9B86#6A8389#5A6E9C#6C5D97
- Puddle Jumper Triadic Color Scheme#6A8389#9D5B8B#8F9B5B#9AB8C2#643E65
- Puddle Jumper Tetradic Color Scheme#6A8389#845998#97645A#739957#9AB8C2
- Puddle Jumper Monochromatic Color Scheme#263032#475A5E#6A8389#99A7AB#BDCBCB
More Medium Teal split-complementary palettes
- 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 Puddle Jumper?
In a split-complementary scheme: Grandeur Plum (#92576F), Twisted Tail (#9A845E), China Green Blue (#3A6468), Monastir (#B78999).
What is the hex code of Puddle Jumper?
#6A8389.