Citrus Complementary Color Scheme

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

#9FB70A

#D5F534

#2000B1

#130173

#4433EE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Citrus	`#9FB70A`	159, 183, 10	68°, 90%, 38%	13, 0, 95, 28
Stadium Grass	`#D5F534`	213, 245, 52	70°, 91%, 58%	13, 0, 79, 4
Deep Sea Exploration	`#2000B1`	32, 0, 177	251°, 100%, 35%	82, 100, 0, 31
Quantum of Light	`#130173`	19, 1, 115	249°, 98%, 23%	83, 99, 0, 55
Royal Vessel	`#4433EE`	68, 51, 238	245°, 85%, 57%	71, 79, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D5F534 on #130173	13.24:1	AAA
Aa #D5F534 on #2000B1	9.99:1	AAA
Aa #9FB70A on #130173	7.23:1	AAA
Aa #D5F534 on #4433EE	5.73:1	AA
Aa #9FB70A on #2000B1	5.45:1	AA
Aa #9FB70A on #4433EE	3.13:1	AA large

CSS variables

:root {
  --color-1: #9fb70a; /* Citrus */
  --color-2: #d5f534; /* Stadium Grass */
  --color-3: #2000b1; /* Deep Sea Exploration */
  --color-4: #130173; /* Quantum of Light */
  --color-5: #4433ee; /* Royal Vessel */
}

Other schemes from Citrus

More Dark Yellow complementary palettes

Questions

What colors go with Citrus?

In a complementary scheme: Stadium Grass (#D5F534), Deep Sea Exploration (#2000B1), Quantum of Light (#130173), Royal Vessel (#4433EE).

What is the hex code of Citrus?

#9FB70A.