Bluerocratic Complementary Color Scheme

Five colors arranged by the complementary rule around Bluerocratic (#1F66FF), each snapped to its nearest named color.

#1F66FF

#77AAFF

#FFB61E

#CB8E00

#FDD685

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bluerocratic	`#1F66FF`	31, 102, 255	221°, 100%, 56%	88, 60, 0, 0
Fennel Flower	`#77AAFF`	119, 170, 255	218°, 100%, 73%	53, 33, 0, 0
Tōō Gold	`#FFB61E`	255, 182, 30	41°, 100%, 56%	0, 29, 88, 0
Festering Brown	`#CB8E00`	203, 142, 0	42°, 100%, 40%	0, 30, 100, 20
Float Like a Butterfly	`#FDD685`	253, 214, 133	40°, 97%, 76%	0, 15, 47, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1F66FF on #FDD685	3.44:1	AA large
Aa #1F66FF on #FFB61E	2.72:1	—
Aa #CB8E00 on #FDD685	2.04:1	—
Aa #1F66FF on #77AAFF	2.04:1	—
Aa #77AAFF on #FDD685	1.69:1	—
Aa #1F66FF on #CB8E00	1.68:1	—

CSS variables

:root {
  --color-1: #1f66ff; /* Bluerocratic */
  --color-2: #77aaff; /* Fennel Flower */
  --color-3: #ffb61e; /* Tōō Gold */
  --color-4: #cb8e00; /* Festering Brown */
  --color-5: #fdd685; /* Float Like a Butterfly */
}

Other schemes from Bluerocratic

More Medium Blue complementary palettes

Questions

What colors go with Bluerocratic?

In a complementary scheme: Fennel Flower (#77AAFF), Tōō Gold (#FFB61E), Festering Brown (#CB8E00), Float Like a Butterfly (#FDD685).

What is the hex code of Bluerocratic?

#1F66FF.