Matt Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Matt Blue (#2C6FBB), each snapped to its nearest named color.

#2C6FBB

#619AD6

#BA782A

#7F4E1E

#DEAA6E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Matt Blue	`#2C6FBB`	44, 111, 187	212°, 62%, 45%	76, 41, 0, 27
Blue Bay	`#619AD6`	97, 154, 214	211°, 59%, 61%	55, 28, 0, 16
Pirate Gold	`#BA782A`	186, 120, 42	33°, 63%, 45%	0, 35, 77, 27
Milk Chocolate	`#7F4E1E`	127, 78, 30	30°, 62%, 31%	0, 39, 76, 50
Corn Maze	`#DEAA6E`	222, 170, 110	32°, 63%, 65%	0, 23, 50, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7F4E1E on #DEAA6E	3.35:1	AA large
Aa #2C6FBB on #DEAA6E	2.46:1	—
Aa #619AD6 on #7F4E1E	2.36:1	—
Aa #BA782A on #7F4E1E	1.93:1	—
Aa #BA782A on #DEAA6E	1.74:1	—
Aa #2C6FBB on #619AD6	1.73:1	—

CSS variables

:root {
  --color-1: #2c6fbb; /* Matt Blue */
  --color-2: #619ad6; /* Blue Bay */
  --color-3: #ba782a; /* Pirate Gold */
  --color-4: #7f4e1e; /* Milk Chocolate */
  --color-5: #deaa6e; /* Corn Maze */
}

Other schemes from Matt Blue

More Medium Blue complementary palettes

Questions

What colors go with Matt Blue?

In a complementary scheme: Blue Bay (#619AD6), Pirate Gold (#BA782A), Milk Chocolate (#7F4E1E), Corn Maze (#DEAA6E).

What is the hex code of Matt Blue?

#2C6FBB.