Marina Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Marina (#5A88C8), each snapped to its nearest named color.
#5A88C8
#CC6358
#BBCC5A
#3062A0
#DA9790
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marina | #5A88C8 | 90, 136, 200 | 215°, 50%, 57% | 55, 32, 0, 22 | |
| Japanese Kimono | #CC6358 | 204, 99, 88 | 6°, 53%, 57% | 0, 51, 57, 20 | |
| Hidden Meadow | #BBCC5A | 187, 204, 90 | 69°, 53%, 58% | 8, 0, 56, 20 | |
| Perfect Ocean | #3062A0 | 48, 98, 160 | 213°, 54%, 41% | 70, 39, 0, 37 | |
| Petite Orchid | #DA9790 | 218, 151, 144 | 6°, 50%, 71% | 0, 31, 34, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBCC5A on #3062A0 | 3.52:1 | AA large |
| Aa #3062A0 on #DA9790 | 2.61:1 | — |
| Aa #CC6358 on #BBCC5A | 2.17:1 | — |
| Aa #5A88C8 on #BBCC5A | 2.05:1 | — |
| Aa #5A88C8 on #3062A0 | 1.71:1 | — |
| Aa #CC6358 on #3062A0 | 1.63:1 | — |
CSS variables
:root {
--color-1: #5a88c8; /* Marina */
--color-2: #cc6358; /* Japanese Kimono */
--color-3: #bbcc5a; /* Hidden Meadow */
--color-4: #3062a0; /* Perfect Ocean */
--color-5: #da9790; /* Petite Orchid */
}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 Tetradic Color Scheme#5A88C8#C94CBE#C79958#54C571#A6BEE1
- Marina Monochromatic Color Scheme#243F6C#3062A0#5A88C8#95AFDC#CDDCED
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 Marina?
In a split-complementary scheme: Japanese Kimono (#CC6358), Hidden Meadow (#BBCC5A), Perfect Ocean (#3062A0), Petite Orchid (#DA9790).
What is the hex code of Marina?
#5A88C8.