Muted Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Muted Blue (#3B719F), each snapped to its nearest named color.
#3B719F
#9E3D3F
#9B983D
#25476A
#C36666
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Muted Blue | #3B719F | 59, 113, 159 | 208°, 46%, 43% | 63, 29, 0, 38 | 53.2% 0.093 246 | |
| Sappanwood | #9E3D3F | 158, 61, 63 | 359°, 44%, 43% | 0, 61, 60, 38 | 49.4% 0.130 22 | |
| Be Yourself | #9B983D | 155, 152, 61 | 58°, 44%, 42% | 0, 2, 61, 39 | 66.4% 0.113 107 | |
| Commodore | #25476A | 37, 71, 106 | 210°, 48%, 28% | 65, 33, 0, 58 | 39.0% 0.072 251 | |
| Stormy Passion | #C36666 | 195, 102, 102 | 0°, 44%, 58% | 0, 48, 48, 24 | 61.8% 0.119 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9B983D on #25476A | 3.18:1 | AA large |
| Aa #25476A on #C36666 | 2.47:1 | — |
| Aa #9E3D3F on #9B983D | 2.18:1 | — |
| Aa #3B719F on #25476A | 1.85:1 | — |
| Aa #3B719F on #9B983D | 1.72:1 | — |
| Aa #9E3D3F on #C36666 | 1.70:1 | — |
CSS variables
:root {
--color-1: #3b719f; /* Muted Blue */
--color-2: #9e3d3f; /* Sappanwood */
--color-3: #9b983d; /* Be Yourself */
--color-4: #25476a; /* Commodore */
--color-5: #c36666; /* Stormy Passion */
}Other schemes from Muted Blue
- Muted Blue Complementary Color Scheme#3B719F#669CCB#9A6C39#664228#CC9F76
- Muted Blue Analogous Color Scheme#359E6B#3B9C98#3B719F#333399#69359C
- Muted Blue Triadic Color Scheme#3B719F#95396A#689938#73A3D0#692746
- Muted Blue Tetradic Color Scheme#3B719F#922B9C#9A6C39#3A9234#73A3D0
- Muted Blue Monochromatic Color Scheme#142030#25476A#3B719F#6597CC#9ABCDC
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 Muted Blue?
In a split-complementary scheme: Sappanwood (#9E3D3F), Be Yourself (#9B983D), Commodore (#25476A), Stormy Passion (#C36666).
What is the hex code of Muted Blue?
#3B719F.