Gothic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gothic (#698890), each snapped to its nearest named color.
#698890
#9D5C75
#9B8A5F
#46616E
#B78999
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gothic | #698890 | 105, 136, 144 | 192°, 16%, 49% | 27, 6, 0, 44 | |
| Rose Wine | #9D5C75 | 157, 92, 117 | 337°, 26%, 49% | 0, 41, 25, 38 | |
| Woodstock | #9B8A5F | 155, 138, 95 | 43°, 24%, 49% | 0, 11, 39, 39 | |
| Bunglehouse Blue | #46616E | 70, 97, 110 | 200°, 22%, 35% | 36, 12, 0, 57 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #46616E on #B78999 | 2.21:1 | — |
| Aa #9B8A5F on #46616E | 1.94:1 | — |
| Aa #698890 on #46616E | 1.73:1 | — |
| Aa #9D5C75 on #B78999 | 1.67:1 | — |
| Aa #9D5C75 on #9B8A5F | 1.47:1 | — |
| Aa #9D5C75 on #46616E | 1.32:1 | — |
CSS variables
:root {
--color-1: #698890; /* Gothic */
--color-2: #9d5c75; /* Rose Wine */
--color-3: #9b8a5f; /* Woodstock */
--color-4: #46616e; /* Bunglehouse Blue */
--color-5: #b78999; /* Monastir */
}Other schemes from Gothic
- Gothic Complementary Color Scheme#698890#94B8C1#9C675F#6B4A40#C6A499
- Gothic Analogous Color Scheme#599F68#5E9B8A#698890#5A6E9C#665D9E
- Gothic Triadic Color Scheme#698890#9D5A8F#8F9B5B#9BBCC3#654161
- Gothic Tetradic Color Scheme#698890#875F9A#9C675F#6A9D5D#9BBCC3
- Gothic Monochromatic Color Scheme#2C3539#475C62#698890#96AAB0#C2CED2
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 Gothic?
In a split-complementary scheme: Rose Wine (#9D5C75), Woodstock (#9B8A5F), Bunglehouse Blue (#46616E), Monastir (#B78999).
What is the hex code of Gothic?
#698890.