Quiet Harbour Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Quiet Harbour (#5A789A), each snapped to its nearest named color.
#5A789A
#9B5B55
#9A9959
#3D5267
#B88884
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Quiet Harbour | #5A789A | 90, 120, 154 | 212°, 26%, 48% | 42, 22, 0, 40 | |
| Rhode Island Red | #9B5B55 | 155, 91, 85 | 5°, 29%, 47% | 0, 41, 45, 39 | |
| Stem | #9A9959 | 154, 153, 89 | 59°, 27%, 48% | 0, 1, 42, 40 | |
| Midnight Mosaic | #3D5267 | 61, 82, 103 | 210°, 26%, 32% | 41, 20, 0, 60 | |
| Toki Brown | #B88884 | 184, 136, 132 | 5°, 27%, 62% | 0, 26, 28, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9A9959 on #3D5267 | 2.72:1 | — |
| Aa #3D5267 on #B88884 | 2.65:1 | — |
| Aa #5A789A on #3D5267 | 1.76:1 | — |
| Aa #9B5B55 on #9A9959 | 1.76:1 | — |
| Aa #9B5B55 on #B88884 | 1.71:1 | — |
| Aa #9B5B55 on #3D5267 | 1.55:1 | — |
CSS variables
:root {
--color-1: #5a789a; /* Quiet Harbour */
--color-2: #9b5b55; /* Rhode Island Red */
--color-3: #9a9959; /* Stem */
--color-4: #3d5267; /* Midnight Mosaic */
--color-5: #b88884; /* Toki Brown */
}Other schemes from Quiet Harbour
- Quiet Harbour Complementary Color Scheme#5A789A#91A7BC#9C7C5B#6D563C#C4AE96
- Quiet Harbour Analogous Color Scheme#5E9D7B#579797#5A789A#5E5896#7B5D92
- Quiet Harbour Triadic Color Scheme#5A789A#9D5C75#769958#96AEC5#663C55
- Quiet Harbour Tetradic Color Scheme#5A789A#9D5A8F#9C7C5B#5C9F59#96AEC5
- Quiet Harbour Monochromatic Color Scheme#232F36#3D5267#5A789A#899FB9#BBC6D6
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 Quiet Harbour?
In a split-complementary scheme: Rhode Island Red (#9B5B55), Stem (#9A9959), Midnight Mosaic (#3D5267), Toki Brown (#B88884).
What is the hex code of Quiet Harbour?
#5A789A.