Tractor Beam Tetradic Color Scheme
Five colors arranged by the tetradic rule around Tractor Beam (#00BFFE), each snapped to its nearest named color.
#00BFFE
#BF00FF
#FD3C06
#4AFF00
#66DDFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tractor Beam | #00BFFE | 0, 191, 254 | 195°, 100%, 50% | 100, 25, 0, 0 | |
| Electric Purple | #BF00FF | 191, 0, 255 | 285°, 100%, 50% | 25, 100, 0, 0 | |
| Fire Opal | #FD3C06 | 253, 60, 6 | 13°, 98%, 51% | 0, 76, 98, 1 | |
| Chlorophyll Green | #4AFF00 | 74, 255, 0 | 103°, 100%, 50% | 71, 0, 100, 0 | |
| Athena Blue | #66DDFF | 102, 221, 255 | 193°, 100%, 70% | 60, 13, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF00FF on #4AFF00 | 3.35:1 | AA large |
| Aa #BF00FF on #66DDFF | 2.87:1 | — |
| Aa #FD3C06 on #4AFF00 | 2.68:1 | — |
| Aa #FD3C06 on #66DDFF | 2.29:1 | — |
| Aa #00BFFE on #BF00FF | 2.12:1 | — |
| Aa #00BFFE on #FD3C06 | 1.70:1 | — |
CSS variables
:root {
--color-1: #00bffe; /* Tractor Beam */
--color-2: #bf00ff; /* Electric Purple */
--color-3: #fd3c06; /* Fire Opal */
--color-4: #4aff00; /* Chlorophyll Green */
--color-5: #66ddff; /* Athena Blue */
}Other schemes from Tractor Beam
- Tractor Beam Complementary Color Scheme#00BFFE#55DDFF#FD3C06#B52604#FF8866
- Tractor Beam Analogous Color Scheme#00FF33#00FFBB#00BFFE#0044FF#3F00FF
- Tractor Beam Triadic Color Scheme#00BFFE#FF00BB#BFFF00#66DDFF#BB0088
- Tractor Beam Split-complementary Color Scheme#00BFFE#FF0044#FFBF00#0088B0#F54D79
- Tractor Beam Monochromatic Color Scheme#004D67#0088B0#00BFFE#4CD5FF#99EEFF
More Medium Teal tetradic palettes
- Aggressive Aqua Tetradic Color Scheme#00FBFF#8800FF#FF0303#7FFF00#65FFFF
- Ambrosial Oceanside Tetradic Color Scheme#47AE9C#654EA3#AB485B#8CA94A#8BD3C6
- Aphrodite Aqua Tetradic Color Scheme#45E9C1#6140EF#EC4872#A7E142#A5FCDC
- Aqua Tetradic Color Scheme#0FF0FE#8811FF#FE1C06#7CFC00#7DF9FF
- Aquamarine Tetradic Color Scheme#2EE8BB#5F34E7#EE3355#B6E12A#8CFFDB
- Aquarius Tetradic Color Scheme#2DB0CE#9932CC#CE4A2D#58D332#7FCCE2
- Arctic Tetradic Color Scheme#648589#7B5D92#905D5D#769358#93BCBB
- Arctic Water Tetradic Color Scheme#00FCFC#7F01FE#FF0000#7CFC00#65FFFF
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Martini Tetradic Color Scheme#52B4D3#BA55D3#CD6E53#69D84F#A1D9E7
Questions
What colors go with Tractor Beam?
In a tetradic scheme: Electric Purple (#BF00FF), Fire Opal (#FD3C06), Chlorophyll Green (#4AFF00), Athena Blue (#66DDFF).
What is the hex code of Tractor Beam?
#00BFFE.