Blue Triumph Complementary Color Scheme

Five colors arranged by the complementary rule around Blue Triumph (#4376AB), each snapped to its nearest named color.

#4376AB

#7AA3CC

#AB7741

#73532A

#CCAC86

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Triumph	`#4376AB`	67, 118, 171	211°, 44%, 47%	61, 31, 0, 33
Shipmate	`#7AA3CC`	122, 163, 204	210°, 45%, 64%	40, 20, 0, 20
Blonde Wood	`#AB7741`	171, 119, 65	31°, 45%, 46%	0, 30, 62, 33
Bark Brown	`#73532A`	115, 83, 42	34°, 46%, 31%	0, 28, 63, 55
DaVanzo Beige	`#CCAC86`	204, 172, 134	33°, 41%, 66%	0, 16, 34, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #73532A on #CCAC86	3.27:1	AA large
Aa #7AA3CC on #73532A	2.65:1	—
Aa #4376AB on #CCAC86	2.22:1	—
Aa #AB7741 on #73532A	1.82:1	—
Aa #AB7741 on #CCAC86	1.80:1	—
Aa #4376AB on #7AA3CC	1.80:1	—

CSS variables

:root {
  --color-1: #4376ab; /* Blue Triumph */
  --color-2: #7aa3cc; /* Shipmate */
  --color-3: #ab7741; /* Blonde Wood */
  --color-4: #73532a; /* Bark Brown */
  --color-5: #ccac86; /* DaVanzo Beige */
}

Other schemes from Blue Triumph

More Medium Blue complementary palettes

Questions

What colors go with Blue Triumph?

In a complementary scheme: Shipmate (#7AA3CC), Blonde Wood (#AB7741), Bark Brown (#73532A), DaVanzo Beige (#CCAC86).

What is the hex code of Blue Triumph?

#4376AB.