Marina Tetradic Color Scheme
Five colors arranged by the tetradic rule around Marina (#5A88C8), each snapped to its nearest named color.
#5A88C8
#C94CBE
#C79958
#54C571
#A6BEE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marina | #5A88C8 | 90, 136, 200 | 215°, 50%, 57% | 55, 32, 0, 22 | |
| Zǐ Sè Purple | #C94CBE | 201, 76, 190 | 305°, 54%, 54% | 0, 62, 5, 21 | |
| Amber Glass | #C79958 | 199, 153, 88 | 35°, 50%, 56% | 0, 23, 56, 22 | |
| Zombie Green | #54C571 | 84, 197, 113 | 135°, 49%, 55% | 57, 0, 43, 23 | |
| Artesian Pool | #A6BEE1 | 166, 190, 225 | 216°, 50%, 77% | 26, 16, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C94CBE on #A6BEE1 | 2.11:1 | — |
| Aa #5A88C8 on #A6BEE1 | 1.91:1 | — |
| Aa #C94CBE on #54C571 | 1.83:1 | — |
| Aa #5A88C8 on #54C571 | 1.66:1 | — |
| Aa #C94CBE on #C79958 | 1.54:1 | — |
| Aa #5A88C8 on #C79958 | 1.40:1 | — |
CSS variables
:root {
--color-1: #5a88c8; /* Marina */
--color-2: #c94cbe; /* Zǐ Sè Purple */
--color-3: #c79958; /* Amber Glass */
--color-4: #54c571; /* Zombie Green */
--color-5: #a6bee1; /* Artesian Pool */
}Other schemes from Marina
- Marina Complementary Color Scheme#5A88C8#9FBADF#C79958#A17135#E3CBA8
- Marina Analogous Color Scheme#5CCD97#5DBDCB#5A88C8#6258C4#9955CC
- Marina Triadic Color Scheme#5A88C8#C95B83#87C95F#A6BEE1#A63864
- Marina Split-complementary Color Scheme#5A88C8#CC6358#BBCC5A#3062A0#DA9790
- Marina Monochromatic Color Scheme#243F6C#3062A0#5A88C8#95AFDC#CDDCED
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 Marina?
In a tetradic scheme: Zǐ Sè Purple (#C94CBE), Amber Glass (#C79958), Zombie Green (#54C571), Artesian Pool (#A6BEE1).
What is the hex code of Marina?
#5A88C8.