#57F0F0

A light, vivid cyan closely aligning with Aqua.

About #57F0F0

The hex code #57F0F0 represents a beautifully specific shade of cyan. If you're using CSS, you might find it aligns closely with Aqua. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 240, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 64% Cyan, 0% Magenta, 0% Yellow, and 6% Black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57F0F0
RGB87, 240, 240
HSL180.0°, 83.6%, 64.1%
CMYK64%, 0%, 0%, 6%
HSV180.0°, 63.7%, 94.1%
LAB87.3, -39.5, -11.9
XYZ50.8, 70.6, 93.4
Decimal5763312

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.39:1
Text on #FFFFFF
FAIL
15.13:1
Text on #000000
AAA
1.33:1
Text on #F8FAFC
FAIL
12.86:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Aqua
#00FFFF