#3AD3C5

A medium, moderate cyan closely aligning with Turquoise.

About #3AD3C5

The hex code #3AD3C5 represents a beautifully specific shade of cyan. It is closely associated with the named CSS color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 211, and 197.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 73% cyan, 0% magenta, 7% yellow, and 17% black. This makes it a relatively light color when applied to physical surfaces.

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

Color Space Conversions

HEX#3AD3C5
RGB58, 211, 197
HSL174.5°, 63.5%, 52.7%
CMYK73%, 0%, 7%, 17%
HSV174.5°, 72.5%, 82.7%
LAB77.0, -42.0, -4.5
XYZ35.1, 51.5, 60.9
Decimal3855301

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.86:1
Text on #FFFFFF
FAIL
11.30:1
Text on #000000
AAA
1.78:1
Text on #F8FAFC
FAIL
9.61:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Turquoise
#40E0D0