Misty Harbour Tetradic Color Scheme
Five colors arranged by the tetradic rule around Misty Harbour (#65769A), each snapped to its nearest named color.
#65769A
#966993
#9D8861
#609F6E
#9CADC7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Misty Harbour | #65769A | 101, 118, 154 | 221°, 21%, 50% | 34, 23, 0, 40 | |
| Tulipan Violet | #966993 | 150, 105, 147 | 304°, 18%, 50% | 0, 30, 2, 41 | |
| Ridgecrest | #9D8861 | 157, 136, 97 | 39°, 24%, 50% | 0, 13, 38, 38 | |
| Treelet | #609F6E | 96, 159, 110 | 133°, 25%, 50% | 40, 0, 31, 38 | |
| Satin Soft Blue | #9CADC7 | 156, 173, 199 | 216°, 28%, 70% | 22, 13, 0, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #65769A on #9CADC7 | 2.00:1 | — |
| Aa #966993 on #9CADC7 | 1.94:1 | — |
| Aa #9D8861 on #9CADC7 | 1.50:1 | — |
| Aa #65769A on #609F6E | 1.45:1 | — |
| Aa #966993 on #609F6E | 1.41:1 | — |
| Aa #609F6E on #9CADC7 | 1.38:1 | — |
CSS variables
:root {
--color-1: #65769a; /* Misty Harbour */
--color-2: #966993; /* Tulipan Violet */
--color-3: #9d8861; /* Ridgecrest */
--color-4: #609f6e; /* Treelet */
--color-5: #9cadc7; /* Satin Soft Blue */
}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 Split-complementary Color Scheme#65769A#9F6F62#8F9961#445172#B7938F
- Misty Harbour Monochromatic Color Scheme#2A2E3F#47526E#65769A#959EB7#C1C7D7
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 Misty Harbour?
In a tetradic scheme: Tulipan Violet (#966993), Ridgecrest (#9D8861), Treelet (#609F6E), Satin Soft Blue (#9CADC7).
What is the hex code of Misty Harbour?
#65769A.