Mykonos Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mykonos (#387ABE), each snapped to its nearest named color.
#387ABE
#BC393B
#BDBF35
#2D5384
#CD716B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mykonos | #387ABE | 56, 122, 190 | 210°, 54%, 48% | 71, 36, 0, 25 | 56.9% 0.125 252 | |
| Bang | #BC393B | 188, 57, 59 | 359°, 53%, 48% | 0, 70, 69, 26 | 53.9% 0.168 24 | |
| Enigma | #BDBF35 | 189, 191, 53 | 61°, 57%, 48% | 1, 0, 72, 25 | 77.9% 0.153 110 | |
| Boat Blue | #2D5384 | 45, 83, 132 | 214°, 49%, 35% | 66, 37, 0, 48 | 43.9% 0.092 256 | |
| Abbey Pink | #CD716B | 205, 113, 107 | 4°, 49%, 61% | 0, 45, 48, 20 | 65.1% 0.117 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BDBF35 on #2D5384 | 3.98:1 | AA large |
| Aa #BC393B on #BDBF35 | 2.82:1 | — |
| Aa #2D5384 on #CD716B | 2.30:1 | — |
| Aa #387ABE on #BDBF35 | 2.27:1 | — |
| Aa #387ABE on #2D5384 | 1.75:1 | — |
| Aa #BDBF35 on #CD716B | 1.73:1 | — |
CSS variables
:root {
--color-1: #387abe; /* Mykonos */
--color-2: #bc393b; /* Bang */
--color-3: #bdbf35; /* Enigma */
--color-4: #2d5384; /* Boat Blue */
--color-5: #cd716b; /* Abbey Pink */
}Other schemes from Mykonos
- Mykonos Complementary Color Scheme#387ABE#7DABD8#BB7A39#885522#DEB181
- Mykonos Analogous Color Scheme#3BB773#3FBABD#387ABE#2F36BA#6633BB
- Mykonos Triadic Color Scheme#387ABE#B73879#7BB92B#84ADDB#872657
- Mykonos Tetradic Color Scheme#387ABE#B13AAD#BB7A39#34B334#84ADDB
- Mykonos Monochromatic Color Scheme#112F4B#2D5384#387ABE#71A2D4#ACC7E5
More medium blue split-complementary color schemes
- 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 Mykonos?
In a split-complementary scheme: Bang (#BC393B), Enigma (#BDBF35), Boat Blue (#2D5384), Abbey Pink (#CD716B).
What is the hex code of Mykonos?
#387ABE.