Tractor Beam Triadic Color Scheme
Five colors arranged by the triadic rule around Tractor Beam (#00BFFE), each snapped to its nearest named color.
#00BFFE
#FF00BB
#BFFF00
#66DDFF
#BB0088
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tractor Beam | #00BFFE | 0, 191, 254 | 195°, 100%, 50% | 100, 25, 0, 0 | |
| Brutal Pink | #FF00BB | 255, 0, 187 | 316°, 100%, 50% | 0, 100, 27, 0 | |
| Limoncello | #BFFF00 | 191, 255, 0 | 75°, 100%, 50% | 25, 0, 100, 0 | |
| Athena Blue | #66DDFF | 102, 221, 255 | 193°, 100%, 70% | 60, 13, 0, 0 | |
| Vibrant Velvet | #BB0088 | 187, 0, 136 | 316°, 100%, 37% | 0, 100, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BFFF00 on #BB0088 | 5.05:1 | AA |
| Aa #66DDFF on #BB0088 | 3.85:1 | AA large |
| Aa #FF00BB on #BFFF00 | 2.93:1 | — |
| Aa #00BFFE on #BB0088 | 2.85:1 | — |
| Aa #FF00BB on #66DDFF | 2.24:1 | — |
| Aa #00BFFE on #BFFF00 | 1.77:1 | — |
CSS variables
:root {
--color-1: #00bffe; /* Tractor Beam */
--color-2: #ff00bb; /* Brutal Pink */
--color-3: #bfff00; /* Limoncello */
--color-4: #66ddff; /* Athena Blue */
--color-5: #bb0088; /* Vibrant Velvet */
}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 Split-complementary Color Scheme#00BFFE#FF0044#FFBF00#0088B0#F54D79
- Tractor Beam Tetradic Color Scheme#00BFFE#BF00FF#FD3C06#4AFF00#66DDFF
- Tractor Beam Monochromatic Color Scheme#004D67#0088B0#00BFFE#4CD5FF#99EEFF
More Medium Teal triadic palettes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Tractor Beam?
In a triadic scheme: Brutal Pink (#FF00BB), Limoncello (#BFFF00), Athena Blue (#66DDFF), Vibrant Velvet (#BB0088).
What is the hex code of Tractor Beam?
#00BFFE.