Bluebell Complementary Color Scheme

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

#333399

#5A4FCF

#929637

#636F22

#D5CE69

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bluebell	`#333399`	51, 51, 153	240°, 50%, 40%	67, 67, 0, 40
Iris	`#5A4FCF`	90, 79, 207	245°, 57%, 56%	57, 62, 0, 19
Appletini	`#929637`	146, 150, 55	63°, 46%, 40%	3, 0, 63, 41
Fiji Green	`#636F22`	99, 111, 34	69°, 53%, 28%	11, 0, 69, 56
Force of Nature	`#D5CE69`	213, 206, 105	56°, 56%, 62%	0, 3, 51, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #333399 on #D5CE69	6.20:1	AA
Aa #5A4FCF on #D5CE69	3.72:1	AA large
Aa #636F22 on #D5CE69	3.36:1	AA large
Aa #333399 on #929637	3.20:1	AA large
Aa #929637 on #D5CE69	1.94:1	—
Aa #5A4FCF on #929637	1.92:1	—

CSS variables

:root {
  --color-1: #333399; /* Bluebell */
  --color-2: #5a4fcf; /* Iris */
  --color-3: #929637; /* Appletini */
  --color-4: #636f22; /* Fiji Green */
  --color-5: #d5ce69; /* Force of Nature */
}

Other schemes from Bluebell

More Medium Blue complementary palettes

Questions

What colors go with Bluebell?

In a complementary scheme: Iris (#5A4FCF), Appletini (#929637), Fiji Green (#636F22), Force of Nature (#D5CE69).

What is the hex code of Bluebell?

#333399.