HEX Color #57C5D3 (Darkturquoise)

About #57C5D3

The precise color #57C5D3 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, 197, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 59% cyan and 7% magenta inks. With a hue angle of 186.8 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57C5D3

RGB87, 197, 211

HSL186.8°, 58.5%, 58.4%

CMYK59%, 7%, 0%, 17%

HSV186.8°, 58.8%, 82.7%

LAB74.0, -27.2, -16.5

XYZ35.7, 46.7, 68.8

Decimal5752275

Color Harmonies

Complementary

#57C5D3 #D36456

Analogous

#56D3A3 #5686D3

Triadic

#D356C4 #C4D356

Tetradic

#A256D3 #D36456 #87D356

Tints, Shades & Tones

Tints (Adding White)

#57C5D3

#69CBD7

#7CD1DC

#8FD8E1

#A1DEE6

#B4E5EB

#C7EBF0

#D9F2F5

#ECF8FA

#FFFFFF

Shades (Adding Black)

#57C5D3

#4DAFBB

#4399A4

#3A838C

#306D75

#26575D

#1D4146

#132B2E

#091517

#000000

WCAG Contrast Accessibility

2.03:1

Text on #FFFFFF

FAIL

10.33:1

Text on #000000

AAA

1.94:1

Text on #F8FAFC

FAIL

8.78:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #57C5D3; }

.text-color { color: #57C5D3; }

.border-color { border: 2px solid #57C5D3; }

Similar Colors

Darkturquoise

#00CED1