Montreux Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Montreux Blue (#5879A2), each snapped to its nearest named color.
#5879A2
#A55A55
#9BA15C
#38546E
#BB8D88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Montreux Blue | #5879A2 | 88, 121, 162 | 213°, 30%, 49% | 46, 25, 0, 36 | |
| Cheek Red | #A55A55 | 165, 90, 85 | 4°, 32%, 49% | 0, 45, 48, 35 | |
| Sweet Pea | #9BA15C | 155, 161, 92 | 65°, 27%, 50% | 4, 0, 43, 37 | |
| Albeit | #38546E | 56, 84, 110 | 209°, 33%, 33% | 49, 24, 0, 57 | |
| Smoky Pink | #BB8D88 | 187, 141, 136 | 6°, 27%, 63% | 0, 25, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BA15C on #38546E | 2.87:1 | — |
| Aa #38546E on #BB8D88 | 2.73:1 | — |
| Aa #A55A55 on #9BA15C | 1.82:1 | — |
| Aa #5879A2 on #38546E | 1.76:1 | — |
| Aa #A55A55 on #BB8D88 | 1.74:1 | — |
| Aa #5879A2 on #9BA15C | 1.64:1 | — |
CSS variables
:root {
--color-1: #5879a2; /* Montreux Blue */
--color-2: #a55a55; /* Cheek Red */
--color-3: #9ba15c; /* Sweet Pea */
--color-4: #38546e; /* Albeit */
--color-5: #bb8d88; /* Smoky Pink */
}Other schemes from Montreux Blue
- Montreux Blue Complementary Color Scheme#5879A2#8FA6C1#A58258#735B3B#C5B39A
- Montreux Blue Analogous Color Scheme#4FA183#5E9EA0#5879A2#5959AB#8D5EB7
- Montreux Blue Triadic Color Scheme#5879A2#AD5B78#7BA05B#9CADC7#6F3B51
- Montreux Blue Tetradic Color Scheme#5879A2#AD5E99#A58258#5FA052#9CADC7
- Montreux Blue Monochromatic Color Scheme#21303E#38546E#5879A2#83A2BD#BBC6D9
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Montreux Blue?
In a split-complementary scheme: Cheek Red (#A55A55), Sweet Pea (#9BA15C), Albeit (#38546E), Smoky Pink (#BB8D88).
What is the hex code of Montreux Blue?
#5879A2.