Mystic Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mystic Blue (#48A8D0), each snapped to its nearest named color.
#48A8D0
#CC4466
#D5B54C
#2B7DA6
#E08395
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mystic Blue | #48A8D0 | 72, 168, 208 | 198°, 59%, 55% | 65, 19, 0, 18 | 69.1% 0.107 229 | |
| Paper Hearts | #CC4466 | 204, 68, 102 | 345°, 57%, 53% | 0, 67, 50, 20 | 58.6% 0.173 9 | |
| Farm Straw | #D5B54C | 213, 181, 76 | 46°, 62%, 57% | 0, 15, 64, 16 | 78.1% 0.128 92 | |
| Prominent Blue | #2B7DA6 | 43, 125, 166 | 200°, 59%, 41% | 74, 25, 0, 35 | 55.9% 0.100 235 | |
| Rose Soiree | #E08395 | 224, 131, 149 | 348°, 60%, 70% | 0, 42, 33, 12 | 71.4% 0.116 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC4466 on #D5B54C | 2.30:1 | — |
| Aa #D5B54C on #2B7DA6 | 2.30:1 | — |
| Aa #CC4466 on #E08395 | 1.71:1 | — |
| Aa #2B7DA6 on #E08395 | 1.71:1 | — |
| Aa #48A8D0 on #CC4466 | 1.70:1 | — |
| Aa #48A8D0 on #2B7DA6 | 1.70:1 | — |
CSS variables
:root {
--color-1: #48a8d0; /* Mystic Blue */
--color-2: #cc4466; /* Paper Hearts */
--color-3: #d5b54c; /* Farm Straw */
--color-4: #2b7da6; /* Prominent Blue */
--color-5: #e08395; /* Rose Soiree */
}Other schemes from Mystic Blue
- Mystic Blue Complementary Color Scheme#48A8D0#95CCE4#CF714A#A34E25#E4B197
- Mystic Blue Analogous Color Scheme#50C878#58CEB2#48A8D0#4B62D2#7249D6
- Mystic Blue Triadic Color Scheme#48A8D0#CD48A9#ACD243#97D0E5#AA2F78
- Mystic Blue Tetradic Color Scheme#48A8D0#BB44CC#CF714A#62D84E#97D0E5
- Mystic Blue Monochromatic Color Scheme#174C60#2B7DA6#48A8D0#84C9E1#C1E4F0
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 Mystic Blue?
In a split-complementary scheme: Paper Hearts (#CC4466), Farm Straw (#D5B54C), Prominent Blue (#2B7DA6), Rose Soiree (#E08395).
What is the hex code of Mystic Blue?
#48A8D0.