#166D5F

A dark, moderate cyan closely aligning with Teal.

About #166D5F

When working with digital screens, the color #166D5F is rendered by mixing light. It is closely associated with the named CSS color Teal. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 109, and 95.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 80% cyan and 0% magenta inks. With a hue angle of 170.3 degrees, it sits comfortably in the cyan spectrum.

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#166D5F
RGB22, 109, 95
HSL170.3°, 66.4%, 25.7%
CMYK80%, 0%, 13%, 57%
HSV170.3°, 79.8%, 42.7%
LAB41.1, -28.3, 0.7
XYZ7.9, 11.9, 12.7
Decimal1469791

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.20:1
Text on #FFFFFF
AA
3.39:1
Text on #000000
AA Large
5.93:1
Text on #F8FAFC
AA
2.88:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #166D5F; }
.text-color { color: #166D5F; }
.border-color { border: 2px solid #166D5F; }

Similar Colors

Teal
#008080