Muted Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Muted Blue (#3B719F), each snapped to its nearest named color.

#3B719F

#669CCB

#9A6C39

#664228

#CC9F76

Color names and codes

Name	HEX	RGB	HSL	CMYK
Muted Blue	`#3B719F`	59, 113, 159	208°, 46%, 43%	63, 29, 0, 38
Tantalise	`#669CCB`	102, 156, 203	208°, 49%, 60%	50, 23, 0, 20
Horsing Around	`#9A6C39`	154, 108, 57	32°, 46%, 41%	0, 30, 63, 40
Van Dyke Brown	`#664228`	102, 66, 40	25°, 44%, 28%	0, 35, 61, 60
Fresh Croissant	`#CC9F76`	204, 159, 118	29°, 46%, 63%	0, 22, 42, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #664228 on #CC9F76	3.70:1	AA large
Aa #669CCB on #664228	3.02:1	AA large
Aa #3B719F on #CC9F76	2.17:1	—
Aa #9A6C39 on #664228	1.93:1	—
Aa #9A6C39 on #CC9F76	1.92:1	—
Aa #3B719F on #669CCB	1.77:1	—

CSS variables

:root {
  --color-1: #3b719f; /* Muted Blue */
  --color-2: #669ccb; /* Tantalise */
  --color-3: #9a6c39; /* Horsing Around */
  --color-4: #664228; /* Van Dyke Brown */
  --color-5: #cc9f76; /* Fresh Croissant */
}

Other schemes from Muted Blue

More Medium Blue complementary palettes

Questions

What colors go with Muted Blue?

In a complementary scheme: Tantalise (#669CCB), Horsing Around (#9A6C39), Van Dyke Brown (#664228), Fresh Croissant (#CC9F76).

What is the hex code of Muted Blue?

#3B719F.