Harbour Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Harbour Blue (#417491), each snapped to its nearest named color.
#417491
#8B4248
#938A43
#274A5D
#BA6671
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Harbour Blue | #417491 | 65, 116, 145 | 202°, 38%, 41% | 55, 20, 0, 43 | 53.5% 0.071 235 | |
| Silk Satin | #8B4248 | 139, 66, 72 | 355°, 36%, 40% | 0, 53, 48, 45 | 47.4% 0.099 17 | |
| Cider Mill | #938A43 | 147, 138, 67 | 53°, 37%, 42% | 0, 6, 54, 42 | 62.6% 0.093 102 | |
| Arapawa | #274A5D | 39, 74, 93 | 201°, 41%, 26% | 58, 20, 0, 64 | 39.1% 0.052 234 | |
| Slate Rose | #BA6671 | 186, 102, 113 | 352°, 38%, 56% | 0, 45, 39, 27 | 60.9% 0.108 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #938A43 on #274A5D | 2.68:1 | — |
| Aa #274A5D on #BA6671 | 2.35:1 | — |
| Aa #8B4248 on #938A43 | 2.01:1 | — |
| Aa #417491 on #274A5D | 1.86:1 | — |
| Aa #8B4248 on #BA6671 | 1.76:1 | — |
| Aa #417491 on #938A43 | 1.44:1 | — |
CSS variables
:root {
--color-1: #417491; /* Harbour Blue */
--color-2: #8b4248; /* Silk Satin */
--color-3: #938a43; /* Cider Mill */
--color-4: #274a5d; /* Arapawa */
--color-5: #ba6671; /* Slate Rose */
}Other schemes from Harbour Blue
- Harbour Blue Complementary Color Scheme#417491#6BA0BF#935F43#5A3D29#C09278
- Harbour Blue Analogous Color Scheme#47885E#449084#417491#444C8F#554488
- Harbour Blue Triadic Color Scheme#417491#96466A#6D8E44#78A7C3#582D48
- Harbour Blue Tetradic Color Scheme#417491#8B4189#935F43#4C9141#78A7C3
- Harbour Blue Monochromatic Color Scheme#181B26#274A5D#417491#689DB7#99BDD2
More medium blue split-complementary color schemes
- 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 Harbour Blue?
In a split-complementary scheme: Silk Satin (#8B4248), Cider Mill (#938A43), Arapawa (#274A5D), Slate Rose (#BA6671).
What is the hex code of Harbour Blue?
#417491.