Shipyard Tetradic Color Scheme
Five colors arranged by the tetradic rule around Shipyard (#4F6F85), each snapped to its nearest named color.
#4F6F85
#804B81
#88654E
#5A804F
#83A0B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shipyard | #4F6F85 | 79, 111, 133 | 204°, 25%, 42% | 41, 17, 0, 48 | |
| Vibrant Orchid | #804B81 | 128, 75, 129 | 299°, 26%, 40% | 1, 42, 0, 49 | |
| Obscure Ochre | #88654E | 136, 101, 78 | 24°, 27%, 42% | 0, 26, 43, 47 | |
| Rambling Green | #5A804F | 90, 128, 79 | 107°, 24%, 41% | 30, 0, 38, 50 | |
| Lake Okoboji | #83A0B4 | 131, 160, 180 | 204°, 25%, 61% | 27, 11, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #804B81 on #83A0B4 | 2.36:1 | — |
| Aa #4F6F85 on #83A0B4 | 1.94:1 | — |
| Aa #88654E on #83A0B4 | 1.90:1 | — |
| Aa #5A804F on #83A0B4 | 1.65:1 | — |
| Aa #804B81 on #5A804F | 1.43:1 | — |
| Aa #804B81 on #88654E | 1.24:1 | — |
CSS variables
:root {
--color-1: #4f6f85; /* Shipyard */
--color-2: #804b81; /* Vibrant Orchid */
--color-3: #88654e; /* Obscure Ochre */
--color-4: #5a804f; /* Rambling Green */
--color-5: #83a0b4; /* Lake Okoboji */
}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 Split-complementary Color Scheme#4F6F85#885156#838252#354655#AE7579
- Shipyard Monochromatic Color Scheme#181B26#354655#4F6F85#7595AB#A2BACB
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Shipyard?
In a tetradic scheme: Vibrant Orchid (#804B81), Obscure Ochre (#88654E), Rambling Green (#5A804F), Lake Okoboji (#83A0B4).
What is the hex code of Shipyard?
#4F6F85.