Shipyard Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shipyard (#4F6F85), each snapped to its nearest named color.
#4F6F85
#885156
#838252
#354655
#AE7579
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shipyard | #4F6F85 | 79, 111, 133 | 204°, 25%, 42% | 41, 17, 0, 48 | |
| Roan Rouge | #885156 | 136, 81, 86 | 355°, 25%, 43% | 0, 40, 37, 47 | |
| Candied Lime | #838252 | 131, 130, 82 | 59°, 23%, 42% | 0, 1, 37, 49 | |
| Aristocratic Blue | #354655 | 53, 70, 85 | 208°, 23%, 27% | 38, 18, 0, 67 | |
| Vindaloo | #AE7579 | 174, 117, 121 | 356°, 26%, 57% | 0, 33, 30, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #354655 on #AE7579 | 2.60:1 | — |
| Aa #838252 on #354655 | 2.45:1 | — |
| Aa #4F6F85 on #354655 | 1.83:1 | — |
| Aa #885156 on #AE7579 | 1.67:1 | — |
| Aa #885156 on #838252 | 1.57:1 | — |
| Aa #885156 on #354655 | 1.56:1 | — |
CSS variables
:root {
--color-1: #4f6f85; /* Shipyard */
--color-2: #885156; /* Roan Rouge */
--color-3: #838252; /* Candied Lime */
--color-4: #354655; /* Aristocratic Blue */
--color-5: #ae7579; /* Vindaloo */
}Other schemes from Shipyard
- Shipyard Complementary Color Scheme#4F6F85#7B9CB3#88654E#544333#B69983
- Shipyard Analogous Color Scheme#558367#4D8681#4F6F85#4D5588#6A5287
- Shipyard Triadic Color Scheme#4F6F85#875169#708452#83A0B4#563342
- Shipyard Tetradic Color Scheme#4F6F85#804B81#88654E#5A804F#83A0B4
- Shipyard Monochromatic Color Scheme#181B26#354655#4F6F85#7595AB#A2BACB
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 Shipyard?
In a split-complementary scheme: Roan Rouge (#885156), Candied Lime (#838252), Aristocratic Blue (#354655), Vindaloo (#AE7579).
What is the hex code of Shipyard?
#4F6F85.