Brutally Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Brutally Blue (#0022DD), each snapped to its nearest named color.

#0022DD

#265EF7

#DDBB00

#937C00

#F1E346

Color names and codes

Name	HEX	RGB	HSL	CMYK
Brutally Blue	`#0022DD`	0, 34, 221	231°, 100%, 43%	100, 85, 0, 13
YInMn Blue	`#265EF7`	38, 94, 247	224°, 93%, 56%	85, 62, 0, 3
Alu Gobi	`#DDBB00`	221, 187, 0	51°, 100%, 43%	0, 15, 100, 13
Moscow Papyrus	`#937C00`	147, 124, 0	51°, 100%, 29%	0, 16, 100, 42
Golden Snitch	`#F1E346`	241, 227, 70	55°, 86%, 61%	0, 6, 71, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0022DD on #F1E346	6.96:1	AA
Aa #0022DD on #DDBB00	4.92:1	AA
Aa #265EF7 on #F1E346	3.93:1	AA large
Aa #937C00 on #F1E346	3.09:1	AA large
Aa #265EF7 on #DDBB00	2.78:1	—
Aa #0022DD on #937C00	2.25:1	—

CSS variables

:root {
  --color-1: #0022dd; /* Brutally Blue */
  --color-2: #265ef7; /* YInMn Blue */
  --color-3: #ddbb00; /* Alu Gobi */
  --color-4: #937c00; /* Moscow Papyrus */
  --color-5: #f1e346; /* Golden Snitch */
}

Other schemes from Brutally Blue

More Medium Blue complementary palettes

Questions

What colors go with Brutally Blue?

In a complementary scheme: YInMn Blue (#265EF7), Alu Gobi (#DDBB00), Moscow Papyrus (#937C00), Golden Snitch (#F1E346).

What is the hex code of Brutally Blue?

#0022DD.