Tractor Beam Complementary Color Scheme

Five colors arranged by the complementary rule around Tractor Beam (#00BFFE), each snapped to its nearest named color.

#00BFFE

#55DDFF

#FD3C06

#B52604

#FF8866

Color names and codes

Name	HEX	RGB	HSL	CMYK
Tractor Beam	`#00BFFE`	0, 191, 254	195°, 100%, 50%	100, 25, 0, 0
Ionized-Air Glow	`#55DDFF`	85, 221, 255	192°, 100%, 67%	67, 13, 0, 0
Fire Opal	`#FD3C06`	253, 60, 6	13°, 98%, 51%	0, 76, 98, 1
Crimson Velvet Sunset	`#B52604`	181, 38, 4	12°, 96%, 36%	0, 79, 98, 29
Protein High	`#FF8866`	255, 136, 102	13°, 100%, 70%	0, 47, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #55DDFF on #B52604	4.06:1	AA large
Aa #00BFFE on #B52604	3.05:1	AA large
Aa #B52604 on #FF8866	2.76:1	—
Aa #55DDFF on #FD3C06	2.26:1	—
Aa #FD3C06 on #B52604	1.80:1	—
Aa #00BFFE on #FD3C06	1.70:1	—

CSS variables

:root {
  --color-1: #00bffe; /* Tractor Beam */
  --color-2: #55ddff; /* Ionized-Air Glow */
  --color-3: #fd3c06; /* Fire Opal */
  --color-4: #b52604; /* Crimson Velvet Sunset */
  --color-5: #ff8866; /* Protein High */
}

Other schemes from Tractor Beam

More Medium Teal complementary palettes

Questions

What colors go with Tractor Beam?

In a complementary scheme: Ionized-Air Glow (#55DDFF), Fire Opal (#FD3C06), Crimson Velvet Sunset (#B52604), Protein High (#FF8866).

What is the hex code of Tractor Beam?

#00BFFE.