Teal color code: the standard value and how to use it in a logo palette

The standard teal color code is #008080. That is the value assigned to the named color "teal" in HTML and CSS, and it equals RGB 0, 128, 128: no red, and green and blue at roughly half intensity. If you need one reference value for teal in a logo palette, this is the one most design tools and web browsers recognize.

Notation | Value | Note

Hex | #008080 | CSS named color "teal"

RGB | 0, 128, 128 | Screen color model

HSL | 180°, 100%, 25% | Derived from the RGB value

HSB/HSV | 180°, 100%, 50% | Derived from the RGB value

CMYK (arithmetic conversion) | 100, 0, 0, 50 | Not a print-calibrated value; see below

What "teal" refers to

In general use, "teal" covers a family of dark blue-green shades rather than one fixed color. #008080 is the defined web value. Brand teals often differ from it, lighter, greener or bluer, so a teal in an existing logo should be read from that logo's own artwork or brand guidelines rather than assumed to be #008080. Teal is also distinct from cyan (also called aqua in CSS, #00FFFF), which uses the same hue at full brightness.

Using the teal code in a logo palette

Hex and RGB values describe color for screens. For print, a CMYK or spot-color value is needed, and it cannot be taken reliably from a hex code by formula. The 100, 0, 0, 50 figure in the table is a plain arithmetic conversion. The printed result depends on the color profile, the paper and the press, so print values should come from a profile-based conversion in your design software or from proofing with the printer. The supplied material contains no confirmed Pantone match for #008080, so none is given here. If you need a spot color, choose it from a current physical or digital Pantone guide.

• Record teal as a hex value for web and screen use, and set separate print values instead of reusing the hex conversion.
• If your brand teal is not #008080, document its exact value so every file uses the same color.
• Check contrast when teal sits behind text or a light logo version; #008080 is a dark shade, so white elements on it usually read better than black, but verify with a contrast checker.
• Keep each logo variant (full color, one color, reversed) tied to the same documented teal values.

Reading the teal value from a logo file

To find the teal used in an existing logo, inspect the fill or swatch values of the vector objects in an editor. Sampling a raster preview with an eyedropper can return a shifted value because of compression, anti-aliasing at edges or color-profile conversion. A file saved as SVG, EPS, AI or PDF may still contain an embedded raster image instead of editable paths, so the extension alone does not confirm that the teal is stored as an editable vector fill. Open the file and check the objects themselves.

Evidence gap: the supplied material confirms no brand-specific teal values, Pantone references or print measurements. The values above are limited to the standard web definition of teal and its mathematical equivalents.