Bluebonnet Complementary Color Scheme

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

#1C1CF0

#6A79F7

#EEEE11

#BBBB11

#F6F677

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bluebonnet	`#1C1CF0`	28, 28, 240	240°, 88%, 53%	88, 88, 0, 6
Byzantine Night Blue	`#6A79F7`	106, 121, 247	234°, 90%, 69%	57, 51, 0, 3
Robot Grendizer Gold	`#EEEE11`	238, 238, 17	60°, 87%, 50%	0, 0, 93, 7
Pickled Limes	`#BBBB11`	187, 187, 17	60°, 83%, 40%	0, 0, 91, 27
Hyper Beam	`#F6F677`	246, 246, 119	60°, 88%, 72%	0, 0, 52, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1C1CF0 on #F6F677	7.42:1	AAA
Aa #1C1CF0 on #EEEE11	6.82:1	AA
Aa #1C1CF0 on #BBBB11	4.14:1	AA large
Aa #6A79F7 on #F6F677	3.23:1	AA large
Aa #6A79F7 on #EEEE11	2.96:1	—
Aa #1C1CF0 on #6A79F7	2.30:1	—

CSS variables

:root {
  --color-1: #1c1cf0; /* Bluebonnet */
  --color-2: #6a79f7; /* Byzantine Night Blue */
  --color-3: #eeee11; /* Robot Grendizer Gold */
  --color-4: #bbbb11; /* Pickled Limes */
  --color-5: #f6f677; /* Hyper Beam */
}

Other schemes from Bluebonnet

More Medium Blue complementary palettes

Questions

What colors go with Bluebonnet?

In a complementary scheme: Byzantine Night Blue (#6A79F7), Robot Grendizer Gold (#EEEE11), Pickled Limes (#BBBB11), Hyper Beam (#F6F677).

What is the hex code of Bluebonnet?

#1C1CF0.