ColourPilot

Teal

Hex Code #167A76

Color Analysis Summary

Color #167A76, historically referred to as Teal, is a beautifully balanced color tone. Mathematically, in the RGB (Red, Green, Blue) spectrum, this color is formulated by mixing 9% red, 48% green, and 46% blue. These digital components translate to exact numerical values of Red: 22, Green: 122, and Blue: 118. In terms of web formatting, this exact tone is declared in stylesheets using the hex code #167A76. For designers working with cylindrical coordinates, its HSL values are mapped to a hue angle of 178°, a saturation of 69%, and a lightness index of 28%. In the HSV (Hue, Saturation, Value) model, it retains a brightness value of 48%. Because of its specific lightness, this tone offers distinct visual contrast properties. Incorporating #167A76 into your UI layout is highly recommended for building visual hierarchy, either as a primary brand marker or a subtle secondary accent. When paired with its programmatic complement or analogous siblings, it creates a highly professional and accessible color scheme.

Color Code Formats

RGB (Red, Green, Blue)22, 122, 118
HSL (Hue, Sat, Lightness)178°, 69%, 28%
HSV (Hue, Sat, Value)178°, 82%, 48%
CSS Valuergb(22, 122, 118)

WCAG 2.1 Contrast & Accessibility Check

On White Background5.15:1
AA Normal Text (4.5:1)PASS
AA Large Text (3.0:1)PASS
AAA Normal Text (7.0:1)FAIL
AAA Large Text (4.5:1)PASS
On Black Background4.08:1
AA Normal Text (4.5:1)FAIL
AA Large Text (3.0:1)PASS
AAA Normal Text (7.0:1)FAIL
AAA Large Text (4.5:1)FAIL

Color Harmonies

Complementary Harmony

Analogous Harmony

Triadic Harmony

Monochromatic Harmony

Shades of Teal

Tints of Teal