#57E9E2
A light, vivid cyan closely aligning with Turquoise.
About #57E9E2
Visually, #57E9E2 is defined as a vivid cyan. If you're using CSS, you might find it aligns closely with Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 233, and 226.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 63% C, 0% M, 3% Y, and 9% K. The HSL representation is 177.1° hue, 76.8% saturation, and 62.7% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#57E9E2
RGB87, 233, 226
HSL177.1°, 76.8%, 62.7%
CMYK63%, 0%, 3%, 9%
HSV177.1°, 62.7%, 91.4%
LAB84.9, -40.1, -8.1
XYZ46.8, 65.8, 82.2
Decimal5761506
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.48:1
Text on #FFFFFF
FAIL
14.16:1
Text on #000000
AAA
1.42:1
Text on #F8FAFC
FAIL
12.04:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #57E9E2;
}
.text-color {
color: #57E9E2;
}
.border-color {
border: 2px solid #57E9E2;
}