What Color Do Blue and Green Make?
Blue and green make blue-green: teal, turquoise or cyan depending on the medium. See how paint, light and digital mixing differ, and how to use the result in a vector logo.
Contents
Blue and green make blue-green, a hue that sits between them on the color wheel and is usually called teal, turquoise or cyan. The exact shade depends on which blue and which green you start with, how much of each you use, and whether you are mixing paint, light or digital color values. For logo work, the useful next step is turning that in-between color into a defined swatch you can reproduce in every file.
The Short Answer by Medium
| Medium | How mixing works | Typical result |
| Paint or pigment (subtractive) | Each pigment absorbs part of the light, so mixing removes more light | A blue-green such as teal or turquoise, usually darker and less vivid than either starting color |
| Light on screens (additive RGB) | Light from each channel adds together | Full-intensity green light plus full-intensity blue light produces cyan |
| Digital 50/50 blend of RGB values | Channel values are averaged rather than added | Pure blue and pure green average to a mid teal |
| CMYK print builds | A typical green build is mostly cyan plus yellow; a typical blue build is mostly cyan plus magenta | Combining them gives a blue-green that tends to be deeper and duller, because yellow and magenta together darken the mix |
Why the Result Changes With the Medium
Paint and ink work subtractively. A blue pigment reflects mostly blue light and absorbs much of the rest; a green pigment reflects mostly green. When you mix them, the combination reflects mainly the light both still allow through, which lies in the blue-green range. Because each pigment also absorbs some of what the other reflects, the mix generally loses brightness and saturation.
Screens work additively. Each pixel emits red, green and blue light, and turning on two channels adds their output. Green and blue light at full strength with red off produce cyan, which is brighter than either source alone. Design software that blends two colors at 50 percent does something different again: it averages the channel values, which lands on a mid-strength teal instead of bright cyan.
Additive light (channels add, capped at 255)
green R0 G255 B0 #00FF00
+ blue R0 G0 B255 #0000FF
= cyan R0 G255 B255 #00FFFF
50/50 average (channels averaged)
R (0+0)/2 = 0
G (255+0)/2 ≈ 128
B (0+255)/2 ≈ 128
= teal R0 G128 B128 #008080
These figures use pure screen primaries. Real brand blues and greens rarely are pure, so the same method applied to your actual values will give a different blue-green.
How Proportions Shift the Shade
- More blue than green: a deeper, cooler blue-green leaning toward ocean or petrol tones.
- Roughly equal amounts: a balanced teal.
- More green than blue: a sea green or jade-like shade.
- Light versions of both parents, or added white: aqua and soft turquoise tints.
- Dark versions of both parents, or added black: dark teal that can read close to navy or forest green at small sizes.
What This Means in a Vector Logo File
In a vector editor, overlapping a blue shape and a green shape does not mix them. An opaque fill on top simply covers the one below. A blue-green appears only if you assign it as a fill, build a gradient between the two colors, or use opacity or blend modes so the layers interact visually.
Opacity and blend modes are the least reliable route for a logo. The resulting color depends on what sits underneath, and some export and print workflows flatten transparency. Flattening can split shapes into extra pieces or convert the affected area into an embedded raster image inside an otherwise vector file. A file extension does not tell you which happened, so open the delivered file and check whether the overlap is still made of editable paths with solid fills.
The more robust approach is to sample the blended color you like, save it as a named swatch with explicit values, and draw the overlap as its own flat shape filled with that swatch. Record separate values for each output: RGB or hex for screens, and CMYK or a spot color for print, since the conversion between them is not exact.
A blue-to-green gradient passes through blue-green tones in its midpoint, but the midpoint can look different in an RGB document than in a CMYK document. If a gradient is part of the mark, plan a solid-color version for small sizes, single-color printing and other uses where gradients do not reproduce well.
Using Blue, Green and Blue-Green as a Palette
Blue, blue-green and green are neighbors on the color wheel, which makes them an analogous palette. Such palettes look cohesive, but the hues are close, so the colors can be hard to tell apart unless they also differ clearly in lightness. In practice, giving each color a distinctly lighter or darker value does more for legibility than shifting the hue.
- View the logo in grayscale to confirm the blue, teal and green areas stay distinguishable.
- Check contrast against the light and dark backgrounds the logo will appear on.
- Preview the palette with a color vision deficiency simulation, since some viewers have difficulty separating blues and greens.
- Prepare a one-color version that does not depend on the blue-green relationship.
- Confirm the swatch values match across your RGB, CMYK and spot color files.
This guidance covers general color principles only. No specific logo, brand colors or measured swatches were supplied, so exact values for a particular blue and green mix are not given here. Test with your actual color values on the screens and proof prints you will use.