#57E2F0

A light, vivid cyan closely aligning with Darkturquoise.

About #57E2F0

The precise color #57E2F0 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 87, 226, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 64% Cyan, 6% Magenta, 0% Yellow, and 6% Black. The HSL representation is 185.5° hue, 83.6% saturation, and 64.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#57E2F0
RGB87, 226, 240
HSL185.5°, 83.6%, 64.1%
CMYK64%, 6%, 0%, 6%
HSV185.5°, 63.7%, 94.1%
LAB83.3, -33.0, -17.9
XYZ46.9, 62.7, 92.1
Decimal5759728

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.55:1
Text on #FFFFFF
FAIL
13.54:1
Text on #000000
AAA
1.48:1
Text on #F8FAFC
FAIL
11.51:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #57E2F0; }
.text-color { color: #57E2F0; }
.border-color { border: 2px solid #57E2F0; }

Similar Colors

Darkturquoise
#00CED1