Blue Burst Complementary Color Scheme

Five colors arranged by the complementary rule around Blue Burst (#309CD0), each snapped to its nearest named color.

#309CD0

#76C1E1

#CD632A

#8F4826

#E3A385

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Burst	`#309CD0`	48, 156, 208	200°, 63%, 50%	77, 25, 0, 18
Bright Spark	`#76C1E1`	118, 193, 225	198°, 64%, 67%	48, 14, 0, 12
Harvest Pumpkin	`#CD632A`	205, 99, 42	21°, 66%, 48%	0, 52, 80, 20
Madeira Brown	`#8F4826`	143, 72, 38	19°, 58%, 35%	0, 50, 73, 44
Peach Nougat	`#E3A385`	227, 163, 133	19°, 63%, 71%	0, 28, 41, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #76C1E1 on #8F4826	3.36:1	AA large
Aa #8F4826 on #E3A385	3.15:1	AA large
Aa #309CD0 on #8F4826	2.17:1	—
Aa #76C1E1 on #CD632A	1.94:1	—
Aa #CD632A on #E3A385	1.82:1	—
Aa #CD632A on #8F4826	1.73:1	—

CSS variables

:root {
  --color-1: #309cd0; /* Blue Burst */
  --color-2: #76c1e1; /* Bright Spark */
  --color-3: #cd632a; /* Harvest Pumpkin */
  --color-4: #8f4826; /* Madeira Brown */
  --color-5: #e3a385; /* Peach Nougat */
}

Other schemes from Blue Burst

More Medium Blue complementary palettes

Questions

What colors go with Blue Burst?

In a complementary scheme: Bright Spark (#76C1E1), Harvest Pumpkin (#CD632A), Madeira Brown (#8F4826), Peach Nougat (#E3A385).

What is the hex code of Blue Burst?

#309CD0.