Hive Complementary Color Scheme

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

#FFFF77

#FFFFD4

#7777FF

#3A2EFE

#DDDDFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hive	`#FFFF77`	255, 255, 119	60°, 100%, 73%	0, 0, 53, 0
Matt White	`#FFFFD4`	255, 255, 212	60°, 100%, 92%	0, 0, 17, 0
Stargate Shimmer	`#7777FF`	119, 119, 255	240°, 100%, 73%	53, 53, 0, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Transparent Blue	`#DDDDFF`	221, 221, 255	240°, 100%, 93%	13, 13, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFFD4 on #3A2EFE	6.83:1	AA
Aa #FFFF77 on #3A2EFE	6.60:1	AA
Aa #3A2EFE on #DDDDFF	5.28:1	AA
Aa #FFFFD4 on #7777FF	3.50:1	AA large
Aa #FFFF77 on #7777FF	3.38:1	AA large
Aa #7777FF on #DDDDFF	2.70:1	—

CSS variables

:root {
  --color-1: #ffff77; /* Hive */
  --color-2: #ffffd4; /* Matt White */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #ddddff; /* Transparent Blue */
}

Other schemes from Hive

More Light Yellow complementary palettes

Questions

What colors go with Hive?

In a complementary scheme: Matt White (#FFFFD4), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Transparent Blue (#DDDDFF).

What is the hex code of Hive?

#FFFF77.