HEX Color #076D57 (Teal)

About #076D57

Visually, #076D57 is defined as a vivid cyan. If you're using CSS, you might find it aligns closely with Teal. Its digital footprint relies on 7 parts red, 109 parts green, and 87 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 94% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#076D57

RGB7, 109, 87

HSL167.1°, 87.9%, 22.7%

CMYK94%, 0%, 20%, 57%

HSV167.1°, 93.6%, 42.7%

LAB40.7, -32.0, 4.9

XYZ7.3, 11.7, 10.9

Decimal486743

Color Harmonies

Complementary

#076D57 #6D061C

Analogous

#066D23 #06506D

Triadic

#56066D #6D5606

Tetradic

#23066D #6D061C #506D06

Tints, Shades & Tones

Tints (Adding White)

#076D57

#227D69

#3E8D7C

#599D8F

#75ADA1

#90BEB4

#ACCEC7

#C7DED9

#E3EEEC

#FFFFFF

Shades (Adding Black)

#076D57

#06604D

#055443

#04483A

#033C30

#033026

#02241D

#011813

#000C09

#000000

WCAG Contrast Accessibility

6.30:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.02:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #076D57; }

.text-color { color: #076D57; }

.border-color { border: 2px solid #076D57; }

Similar Colors

Teal

#008080