June Bud Complementary Color Scheme

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

#BDDA57

#DEF0A3

#6D5ACF

#4428BC

#ACACE6

Color names and codes

Name	HEX	RGB	HSL	CMYK
June Bud	`#BDDA57`	189, 218, 87	73°, 64%, 60%	13, 0, 60, 15
Mint Julep	`#DEF0A3`	222, 240, 163	74°, 72%, 79%	7, 0, 32, 6
Astro Purple	`#6D5ACF`	109, 90, 207	250°, 55%, 58%	47, 57, 0, 19
Blue Depression	`#4428BC`	68, 40, 188	251°, 65%, 45%	64, 79, 0, 26
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DEF0A3 on #4428BC	7.51:1	AAA
Aa #BDDA57 on #4428BC	5.86:1	AA
Aa #4428BC on #ACACE6	4.31:1	AA large
Aa #DEF0A3 on #6D5ACF	4.26:1	AA large
Aa #BDDA57 on #6D5ACF	3.32:1	AA large
Aa #6D5ACF on #ACACE6	2.44:1	—

CSS variables

:root {
  --color-1: #bdda57; /* June Bud */
  --color-2: #def0a3; /* Mint Julep */
  --color-3: #6d5acf; /* Astro Purple */
  --color-4: #4428bc; /* Blue Depression */
  --color-5: #acace6; /* Maximum Blue Purple */
}

Other schemes from June Bud

More Medium Green complementary palettes

Questions

What colors go with June Bud?

In a complementary scheme: Mint Julep (#DEF0A3), Astro Purple (#6D5ACF), Blue Depression (#4428BC), Maximum Blue Purple (#ACACE6).

What is the hex code of June Bud?

#BDDA57.