#3AE9F0

A medium, vivid cyan closely aligning with Darkturquoise.

About #3AE9F0

The precise color #3AE9F0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 233, and 240.

For print applications, it's crucial to understand its CMYK makeup. The color uses 76% Cyan, 3% Magenta, 0% Yellow, and 6% 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3AE9F0
RGB58, 233, 240
HSL182.3°, 85.8%, 58.4%
CMYK76%, 3%, 0%, 6%
HSV182.3°, 75.8%, 94.1%
LAB84.7, -39.9, -15.8
XYZ46.6, 65.5, 92.6
Decimal3860976

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.49:1
Text on #FFFFFF
FAIL
14.09:1
Text on #000000
AAA
1.42:1
Text on #F8FAFC
FAIL
11.98:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Darkturquoise
#00CED1