Tractor Beam Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tractor Beam (#00BFFE), each snapped to its nearest named color.
#00BFFE
#FF0044
#FFBF00
#0088B0
#F54D79
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tractor Beam | #00BFFE | 0, 191, 254 | 195°, 100%, 50% | 100, 25, 0, 0 | 75.5% 0.153 231 | |
| Cherry Soda | #FF0044 | 255, 0, 68 | 344°, 100%, 50% | 0, 100, 73, 0 | 63.3% 0.254 20 | |
| Amber | #FFBF00 | 255, 191, 0 | 45°, 100%, 50% | 0, 25, 100, 0 | 84.0% 0.172 84 | |
| Stomy Shower | #0088B0 | 0, 136, 176 | 194°, 100%, 35% | 100, 23, 0, 31 | 58.5% 0.114 228 | |
| Bonker Pink | #F54D79 | 245, 77, 121 | 344°, 89%, 63% | 0, 69, 51, 4 | 66.5% 0.205 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFBF00 on #0088B0 | 2.47:1 | — |
| Aa #FF0044 on #FFBF00 | 2.38:1 | — |
| Aa #FFBF00 on #F54D79 | 2.04:1 | — |
| Aa #00BFFE on #0088B0 | 1.92:1 | — |
| Aa #00BFFE on #FF0044 | 1.85:1 | — |
| Aa #00BFFE on #F54D79 | 1.59:1 | — |
CSS variables
:root {
--color-1: #00bffe; /* Tractor Beam */
--color-2: #ff0044; /* Cherry Soda */
--color-3: #ffbf00; /* Amber */
--color-4: #0088b0; /* Stomy Shower */
--color-5: #f54d79; /* Bonker Pink */
}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 Tetradic Color Scheme#00BFFE#BF00FF#FD3C06#4AFF00#66DDFF
- Tractor Beam Monochromatic Color Scheme#004D67#0088B0#00BFFE#4CD5FF#99EEFF
More medium teal split-complementary color schemes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Tractor Beam?
In a split-complementary scheme: Cherry Soda (#FF0044), Amber (#FFBF00), Stomy Shower (#0088B0), Bonker Pink (#F54D79).
What is the hex code of Tractor Beam?
#00BFFE.