#3A7C75

A dark, moderate cyan closely aligning with Teal.

About #3A7C75

When working with digital screens, the color #3A7C75 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 58, 124, and 117.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 53% cyan and 0% magenta inks. With a hue angle of 173.6 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3A7C75
RGB58, 124, 117
HSL173.6°, 36.3%, 35.7%
CMYK53%, 0%, 6%, 51%
HSV173.6°, 53.2%, 48.6%
LAB47.8, -22.8, -2.6
XYZ12.2, 16.6, 19.4
Decimal3832949

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.86:1
Text on #FFFFFF
AA
4.32:1
Text on #000000
AA Large
4.65:1
Text on #F8FAFC
AA
3.67:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #3A7C75; }
.text-color { color: #3A7C75; }
.border-color { border: 2px solid #3A7C75; }

Similar Colors

Teal
#008080