Matt Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Matt Blue (#2C6FBB), each snapped to its nearest named color.
#2C6FBB
#BC2D29
#BABD29
#1A4876
#CD5C5C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Matt Blue | #2C6FBB | 44, 111, 187 | 212°, 62%, 45% | 76, 41, 0, 27 | |
| Ginshu | #BC2D29 | 188, 45, 41 | 2°, 64%, 45% | 0, 76, 78, 26 | |
| Spring Forward | #BABD29 | 186, 189, 41 | 61°, 64%, 45% | 2, 0, 78, 26 | |
| Thunder Night | #1A4876 | 26, 72, 118 | 210°, 64%, 28% | 78, 39, 0, 54 | |
| Common Chestnut | #CD5C5C | 205, 92, 92 | 0°, 53%, 58% | 0, 55, 55, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BABD29 on #1A4876 | 4.66:1 | AA |
| Aa #BC2D29 on #BABD29 | 2.93:1 | — |
| Aa #2C6FBB on #BABD29 | 2.54:1 | — |
| Aa #1A4876 on #CD5C5C | 2.37:1 | — |
| Aa #BABD29 on #CD5C5C | 1.97:1 | — |
| Aa #2C6FBB on #1A4876 | 1.84:1 | — |
CSS variables
:root {
--color-1: #2c6fbb; /* Matt Blue */
--color-2: #bc2d29; /* Ginshu */
--color-3: #babd29; /* Spring Forward */
--color-4: #1a4876; /* Thunder Night */
--color-5: #cd5c5c; /* Common Chestnut */
}Other schemes from Matt Blue
- Matt Blue Complementary Color Scheme#2C6FBB#619AD6#BA782A#7F4E1E#DEAA6E
- Matt Blue Analogous Color Scheme#2BB179#26B7B5#2C6FBB#2F36BA#6633BB
- Matt Blue Triadic Color Scheme#2C6FBB#B6316C#7BB92B#71A2D4#78184A
- Matt Blue Tetradic Color Scheme#2C6FBB#BB22BB#BA782A#22BB33#71A2D4
- Matt Blue Monochromatic Color Scheme#18233D#1A4876#2C6FBB#5C97CF#96BFE6
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 Matt Blue?
In a split-complementary scheme: Ginshu (#BC2D29), Spring Forward (#BABD29), Thunder Night (#1A4876), Common Chestnut (#CD5C5C).
What is the hex code of Matt Blue?
#2C6FBB.