Blue Triumph Monochromatic Color Scheme

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

#172B36

#284C75

#4376AB

#779ECB

#A8C6DE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Oceanic Noir	`#172B36`	23, 43, 54	201°, 40%, 15%	57, 20, 0, 79
Mykonos Reflection	`#284C75`	40, 76, 117	212°, 49%, 31%	66, 35, 0, 54
Blue Triumph	`#4376AB`	67, 118, 171	211°, 44%, 47%	61, 31, 0, 33
Blue Lechery	`#779ECB`	119, 158, 203	212°, 45%, 63%	41, 22, 0, 20
Utterly Blue	`#A8C6DE`	168, 198, 222	207°, 45%, 76%	24, 11, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #172B36 on #A8C6DE	8.22:1	AAA
Aa #172B36 on #779ECB	5.25:1	AA
Aa #284C75 on #A8C6DE	4.96:1	AA
Aa #284C75 on #779ECB	3.17:1	AA large
Aa #172B36 on #4376AB	3.08:1	AA large
Aa #4376AB on #A8C6DE	2.67:1	—

CSS variables

:root {
  --color-1: #172b36; /* Oceanic Noir */
  --color-2: #284c75; /* Mykonos Reflection */
  --color-3: #4376ab; /* Blue Triumph */
  --color-4: #779ecb; /* Blue Lechery */
  --color-5: #a8c6de; /* Utterly Blue */
}

Other schemes from Blue Triumph

More Medium Blue monochromatic palettes

Questions

What colors go with Blue Triumph?

In a monochromatic scheme: Oceanic Noir (#172B36), Mykonos Reflection (#284C75), Blue Lechery (#779ECB), Utterly Blue (#A8C6DE).

What is the hex code of Blue Triumph?

#4376AB.