Misty Harbour Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Misty Harbour (#65769A), each snapped to its nearest named color.
#65769A
#9F6F62
#8F9961
#445172
#B7938F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Misty Harbour | #65769A | 101, 118, 154 | 221°, 21%, 50% | 34, 23, 0, 40 | |
| Discretion | #9F6F62 | 159, 111, 98 | 13°, 24%, 50% | 0, 30, 38, 38 | |
| Reptilian Leader | #8F9961 | 143, 153, 97 | 71°, 22%, 49% | 7, 0, 37, 40 | |
| Astronaut | #445172 | 68, 81, 114 | 223°, 25%, 36% | 40, 29, 0, 55 | |
| Cherry Taupe | #B7938F | 183, 147, 143 | 6°, 22%, 64% | 0, 20, 22, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #445172 on #B7938F | 2.84:1 | — |
| Aa #8F9961 on #445172 | 2.59:1 | — |
| Aa #9F6F62 on #445172 | 1.85:1 | — |
| Aa #65769A on #445172 | 1.73:1 | — |
| Aa #65769A on #B7938F | 1.64:1 | — |
| Aa #9F6F62 on #B7938F | 1.54:1 | — |
CSS variables
:root {
--color-1: #65769a; /* Misty Harbour */
--color-2: #9f6f62; /* Discretion */
--color-3: #8f9961; /* Reptilian Leader */
--color-4: #445172; /* Astronaut */
--color-5: #b7938f; /* Cherry Taupe */
}Other schemes from Misty Harbour
- Misty Harbour Complementary Color Scheme#65769A#9EA5C3#9D8861#706043#C7B89F
- Misty Harbour Analogous Color Scheme#609D91#60949B#65769A#666699#86619F
- Misty Harbour Triadic Color Scheme#65769A#9C6071#779966#9CADC7#6D434E
- Misty Harbour Tetradic Color Scheme#65769A#966993#9D8861#609F6E#9CADC7
- Misty Harbour Monochromatic Color Scheme#2A2E3F#47526E#65769A#959EB7#C1C7D7
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 Misty Harbour?
In a split-complementary scheme: Discretion (#9F6F62), Reptilian Leader (#8F9961), Astronaut (#445172), Cherry Taupe (#B7938F).
What is the hex code of Misty Harbour?
#65769A.